{"id":18,"date":"2025-05-22T20:44:10","date_gmt":"2025-05-22T20:44:10","guid":{"rendered":"https:\/\/corporativa.biz\/wp1\/?p=18"},"modified":"2026-01-05T15:08:59","modified_gmt":"2026-01-05T15:08:59","slug":"como-crear-un-favicon-para-tu-web","status":"publish","type":"post","link":"https:\/\/corporativa.biz\/wp1\/2025\/05\/22\/como-crear-un-favicon-para-tu-web\/","title":{"rendered":"\u00bfC\u00f3mo crear un favicon para tu web?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Un favicon es un icono con el cual se representa una p\u00e1gina web. Esta imagen se muestra en distintos apartados del navegador como en las pesta\u00f1as abiertas, favoritos, barra de direcciones o accesos directos.\u00bfTe has preguntado alguna vez c\u00f3mo crear un favicon para tu web? A continuaci\u00f3n te damos las claves.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u00bfQu\u00e9 es un favicon?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">T\u00e9cnicamente un favicon no es m\u00e1s que una imagen de 16\u00d716 p\u00edxeles, en formato ICO. Ahora bien, la mayor\u00eda de los navegadores ampl\u00edan el abanico de opciones, soportando otros formatos como PNG o incluso GIF animado.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Dominio por Marca<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Dicho concepto es utilizado por grandes marcas y por aquellas empresas que cuentan con una trayectoria profesional. Si tus clientes te conocen, ser\u00e1 m\u00e1s f\u00e1cil que te encuentren en Internet a trav\u00e9s de la b\u00fasqueda de tu dominio por el nombre de la marca que no por una palabra clave.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El tama\u00f1o tambi\u00e9n es relativo. La mayor\u00eda del tiempo se mostrar\u00e1 el icono de 16\u00d716 p\u00edxeles (realmente peque\u00f1o) pero, si la imagen es mayor, ser\u00e1 \u00fatil en casos aislados como en los accesos directos a p\u00e1ginas web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u00bfQu\u00e9 formato es mejor?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La informaci\u00f3n anterior quiz\u00e1 te haya confundido. GIF, PNG, ICO\u2026 \u00bfCu\u00e1l es mejor? La verdad es que cada uno de ellos tiene su peculiaridad:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ICO: Es el formato m\u00e1s est\u00e1ndar: funcionar\u00e1 en todos los navegadores. Adem\u00e1s, permite incluir en un \u00fanico archivo varias versiones con distintos tama\u00f1os: 16\u00d716, 32\u00d732, 64\u00d764\u2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GIF: Puede ser animado y tener transparencia, pero 256 colores como m\u00e1ximo y no se ver\u00e1 correctamente en la mayor\u00eda de los navegadores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PNG: Con \u00e9l tendr\u00e1s mejor calidad y canal alpha para transparencia<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En cualquier caso, elegir un formato no implica renunciar al resto. Es imprescindible disponer del formato ICO, pues es el m\u00e1s extendido. Ahora bien, esto no impide que tambi\u00e9n tengas otra versi\u00f3n en formato PNG, que se ver\u00e1 mejor en otros navegadores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En cuanto al tama\u00f1o, es recomendable basar el dise\u00f1o en un tama\u00f1o superior a 16\u00d716, como 64\u00d764. M\u00e1s tarde, siempre podr\u00e1s redimensionarlo para comprobar que sigue siendo entendible, y podr\u00e1s ofrecer a tus visitantes una alternativa a mayor resoluci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un favicon es un icono con el cual se representa una p\u00e1gina web. Esta imagen se muestra en distintos apartados del navegador como en las pesta\u00f1as abiertas, favoritos,&#8230;<\/p>\n","protected":false},"author":2,"featured_media":177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[209,111,205,212,207,206,210,211,208,185,124],"class_list":["post-18","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-y-gestion-de-contenidos","tag-branding","tag-diseno-web","tag-favicon","tag-formatos-de-imagen","tag-ico","tag-icono-web","tag-identidad-visual","tag-logotipo","tag-png","tag-ux","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":2,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts\/18\/revisions\/178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/media\/177"}],"wp:attachment":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}