{"id":221,"date":"2020-12-22T19:36:24","date_gmt":"2020-12-22T18:36:24","guid":{"rendered":"http:\/\/photos.oceanwp.org\/?p=221"},"modified":"2023-07-26T19:15:31","modified_gmt":"2023-07-26T18:15:31","slug":"canvas-vs-svg","status":"publish","type":"post","link":"https:\/\/bitsolto.com\/bitacora\/deseno-web\/canvas-vs-svg\/","title":{"rendered":"Canvas ou SVG"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

O dese\u00f1o web, a creaci\u00f3n de escenarios ou experiencias para as persoas que visitan o teu sitio \u00e9 unha tarefa na que de forma constante vas ter que tomar decisi\u00f3ns.<\/p>

Decisi\u00f3ns sobre a li\u00f1a gr\u00e1fica, a combinaci\u00f3n de fontes, o uso dunha ou outra tecnolox\u00eda… Se dese\u00f1as ou desenvolves sitios web vas ter que tomar decisi\u00f3ns.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u00a0… E pode que,\u00a0<\/span>as veces, se non est\u00e1s seguro dos beneficios ou inconvenientes das posibles opci\u00f3ns, isto supo\u00f1a un problema no l\u00f3xico avance do teu proxecto.\u00a0Conv\u00e9n pois informarte das alternativas antes de mergullarte no traballo, xa que non querer\u00e1s\u00a0 darte conta tarde de que a alternativa escollida non \u00e9 a mellor posible, ou que aquela posibilidade que desbotaches era realmente a mellor opci\u00f3n.<\/span><\/span><\/p>\n

Sempre recomendo aos meus alumnos e socios que lean e se informen das alternativas antes de mergullarse no desenvolvemento do proxecto e nunca a metade do mesmo. Algunhas decisi\u00f3ns \u00e9 mellor tomalas antes de encetar.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\"\"<\/a>\n\"\"<\/a>\n\"\"<\/a>\n\"\"<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Formatos gr\u00e1ficos na web<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Un dos problemas recorrentes que atopan os dese\u00f1adores e desenvolvedores web \u00e9 decidir cal \u00e9 o formato gr\u00e1fico m\u00e1is axeitado para cada momento.<\/span><\/p>\n

Como sabes existen dous modelos b\u00e1sicos de tipos de imaxe: os gr\u00e1ficos de mapas de bits e os gr\u00e1ficos vectoriais. Os mapas de bits te\u00f1en como unidade m\u00ednima de configuraci\u00f3n ao p\u00edxel. O tama\u00f1o da imaxe se determina polas dimensi\u00f3ns<\/span> <\/span>de ancho e alto<\/span> da imaxe en p\u00edxels; e pola profundidade de cor – bits por p\u00edxel- que determinan o n\u00famero de cores distintos que poden almacenarse en cada p\u00edxel e por tanto, en grande medida, a calidade da imaxe. As\u00ed unha imaxe de iguales dimensi\u00f3ns, de ancho e alto, de 300ppp ter\u00e1 potencialmente m\u00e1is calidade que unha de 72ppp, pero tam\u00e9n pesar\u00e1 m\u00e1is.<\/span><\/p>\n

Hai alg\u00fans como o vello *.jpg<\/span>( ISO\/IEC 10918, <\/span>1992) ou o novo *.wbep<\/span>(Google, 2010), aos se lles atrib\u00fae a eficiencia da compresi\u00f3n – menor tama\u00f1o-, asociada ao uso de paletas extensas de cor, que os fai especialmente recomendables para presentar fotos, inclu\u00eddas as de moita calidade.<\/span><\/p>\n

Outros formatos coma *.gif <\/span>ou *.png <\/span>tam\u00e9n reclaman a s\u00faa utilidade cando se trata de presentar gr\u00e1ficos con paletas m\u00e1is reducidas – iconas, logotipos,…-, pequenas animaci\u00f3ns ou transparencia de parte da imaxe.<\/h3>\n
 <\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

O dese\u00f1o web, a creaci\u00f3n de escenarios ou experiencias para as persoas que visitan o teu sitio \u00e9 unha tarefa na que de forma constante vas ter que tomar decisi\u00f3ns. Decisi\u00f3ns sobre a li\u00f1a gr\u00e1fica, a combinaci\u00f3n de fontes, o uso dunha ou outra tecnolox\u00eda… Se dese\u00f1as ou desenvolves sitios web vas ter que tomar […]<\/p>\n","protected":false},"author":1,"featured_media":355,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","omw_enable_modal_window":"enable","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"off","ocean_gallery_id":[],"footnotes":""},"categories":[19],"tags":[53,52,31],"class_list":["post-221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deseno-web","tag-canvas","tag-svg","tag-web","entry","has-media"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":28,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/221\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/221\/revisions\/732"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/media\/355"}],"wp:attachment":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/media?parent=221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/categories?post=221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/tags?post=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}