{"id":1863,"date":"2021-05-04T02:01:34","date_gmt":"2021-05-04T02:01:34","guid":{"rendered":"https:\/\/turbologo.com\/articles\/?p=1863"},"modified":"2021-05-04T06:37:59","modified_gmt":"2021-05-04T06:37:59","slug":"favicon","status":"publish","type":"post","link":"https:\/\/turbologo.com\/es\/blog\/favicon\/","title":{"rendered":"C\u00f3mo hacer un favicon"},"content":{"rendered":"\n<p>Favicon es una de las nociones m\u00e1s fundamentales en id\u00e9nticos. Pero, \u00bfqu\u00e9 es un favicon? La noci\u00f3n est\u00e1 estrechamente relacionada con Internet y los sitios web. Cuando abre muchas pesta\u00f1as, cada una de ellas se comprime m\u00e1s con cada nueva pesta\u00f1a abierta. Y se puede ver el mismo icono si agrega una p\u00e1gina (como esta) a favoritos. En realidad, es un neologismo derivado de \u00abicono favorito\u00bb. Mira nuestro favicon. Es brillante y sobresaliente. \u00a1No te lo puedes perder! Mira favicons de redes sociales populares. Son numerosos, pero a\u00fan no se pueden confundir entre s\u00ed. Es un dise\u00f1o tan reconocible por el que debes esforzarte.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide has-background-dim-80 has-background-dim\"><span class=\"bg-image preload-bg-image lazy-load-bg-img is-loaded is-ready\" data-src=\"https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png\" style=\"background-image: url(&quot;https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png&quot;);\"><\/span><noscript><span class=\"bg-image\" style=\"background-image:url(https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png)\" data-no-lazy=\"true\"><\/span><\/noscript><div class=\"wp-block-cover__inner-container\">\n<p class=\"has-text-align-center has-large-font-size\"><b>Cree su propio logotipo con el creador de logos Turbologo.<\/b> Toma menos de 5 minutos y no se necesitan habilidades de dise\u00f1o.<\/p>\n<a class=\"button\" href=\"https:\/\/turbologo.com\/es\/crear-logo?utm_source=blog&amp;utm_campaign=article\" style=\"margin-top: 20px; min-width:200px; text-align:center;\">Crear logo<\/a>\n<\/div><\/div>\n\n\n\n<h2>\u00bfPor qu\u00e9 perder el tiempo haciendo un favicon?<\/h2>\n\n\n\n<p>El icono parece insignificante, ya que es muy peque\u00f1o. Es cierto, pero a\u00fan refleja todas las identidades de su negocio. Y se necesita mucho m\u00e1s de un par de minutos para dise\u00f1ar uno. Es un proceso largo y laborioso que requiere algunas habilidades especiales adem\u00e1s de eso. Y si dise\u00f1a un favicon torpe y apresuradamente terminado, afectar\u00e1 instant\u00e1neamente su imagen tal como se ha creado. La pregunta es por qu\u00e9.<\/p>\n\n\n\n<p>Esta caracter\u00edstica de dise\u00f1o tiene el prop\u00f3sito de recordar la marca. Incluso los robots de b\u00fasqueda prefieren sitios con favicons. Este elemento favorece la unidad de estilo, haciendo que su marca sea \u00fanica en la mente de los clientes. Y sin favicon, su sitio simplemente se perder\u00e1 entre numerosas pesta\u00f1as abiertas al mismo tiempo. Creemos firmemente que es mejor que su sitio se pierda despu\u00e9s de un pedido y una compra, no antes.<\/p>\n\n\n\n<h2>C\u00f3mo crear un icono para un sitio web<\/h2>\n\n\n\n<p>En primer lugar, necesita un s\u00edmbolo para asociarlo con su negocio. Y no debe haber nada que pueda hacerte usar un texto en un favicon. Simplemente no se ajusta a su tama\u00f1o. Solo puede usar letras si el \u00edcono no tiene representaciones. Y seguir\u00e1 siendo dif\u00edcil convertir su logotipo en un favicon de este tipo. Tenga en cuenta que puede utilizar un m\u00e1ximo de dos letras en un favicon. Ser\u00e1 un completo desastre si usa m\u00e1s.<\/p>\n\n\n\n<p>Si ya tienes un <a href=\"https:\/\/turbologo.com\/es\/crear-logo\">logo<\/a> de calidad, tienes suerte. En ese caso, solo tomar\u00eda un poco de tiempo y paciencia. Puede transformar f\u00e1cilmente su logotipo de calidad en un favicon adecuado, simple y claro. Necesitar\u00e1 cierto software para ese prop\u00f3sito. Incluso Paint servir\u00e1. Seg\u00fan los requisitos del navegador, deber\u00e1 crear una imagen de 16 x 16 o 32 x 32 p\u00edxeles. El grosor de las l\u00edneas requerido es de 1 p\u00edxel y parece no ser suficiente para dibujar figuras redondeadas, y realmente no lo necesitamos en absoluto. Utilice tonos m\u00e1s claros del color principal para suavizar los bordes de una forma y crear un efecto de desvanecimiento.<\/p>\n\n\n\n<p>Todos los colores ser\u00e1n un desastre total en cualquier caso. Si tiene un logotipo colorido y bien detallado, todo lo que tendr\u00e1 que hacer es crear uno nuevo para que un favicon se base en \u00e9l. Y el nuevo logo debe ser lo m\u00e1s minimalista posible, por supuesto. Utilice 2 o 3 <a href=\"https:\/\/turbologo.com\/es\/blog\/mejores-colores-para-logotipos\/\">colores<\/a>. Tome solo un detalle m\u00e1s significativo de su logotipo y simplif\u00edquelo tambi\u00e9n. Puede agregar algunos delineados y sombreados para aumentar la legibilidad. Hagas lo que hagas, no conviertas la representaci\u00f3n en un desastre. Reduzca un favicon para comprobar un resultado.<\/p>\n\n\n\n<h2>Cosas a considerar al crear favicon<\/h2>\n\n\n\n<p>\u00bfQu\u00e9 formato se supone que se utilizar\u00e1 para una imagen final? Hay solo dos formatos compatibles con la mayor\u00eda de los navegadores. Esos son ICO y PNG. Los archivos ICO cuentan con una variedad de resoluciones y profundidad de bits. Y PNG es el m\u00e1s preferido en estos d\u00edas. Su \u00fanico inconveniente es que Internet Explorer obsoleto no lo admite. Por lo tanto, un favicon de <a href=\"https:\/\/turbologo.com\/es\/blog\/image-file-formats\/\">PNG<\/a> posee alta calidad, transparencia y, por lo tanto, es m\u00e1s preferible.<\/p>\n\n\n\n<p>En realidad, hay muchos constructores de logotipos y faviconos en l\u00ednea. Si la tarea parece demasiado dif\u00edcil, deje que los profesionales hagan su trabajo. Puede navegar por varias plantillas en busca de la soluci\u00f3n adecuada en los sitios de un constructor. Tenga en cuenta que aqu\u00ed cada peque\u00f1o p\u00edxel es importante.<\/p>\n\n\n\n<h2>\u00bfC\u00f3mo agregar un favicon a un sitio?<\/h2>\n\n\n\n<p>Bueno, eso es f\u00e1cil. Debe guardar un favicon en la carpeta ra\u00edz y agregar un c\u00f3digo a la plantilla. Actualizar la p\u00e1gina y cobrar si no se puede ver un favicon.<\/p>\n\n\n\n<p>Mucha gente usa varios dispositivos para navegar por Internet en estos d\u00edas. Es por eso que tendr\u00e1s que hacer algunas variaciones de favicon m\u00e1s para iOS y Android. Y cada vez hay algunos matices a considerar. De lo contrario, es probable que un favicon de bajo rendimiento arruine la imagen de su empresa. Los usuarios tienden a ignorar las p\u00e1ginas mal dise\u00f1adas y mantenidas.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:13px;margin-bottom:20px\"><div class=\"su-heading-inner\">Otras publicaciones<\/div><\/div>\n\n\n<ul class=\"su-posts su-posts-list-loop\">\n<li id=\"su-post-832\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/es\/blog\/104-perfect-free-fonts-for-logo-design\/\">104 tipos de letra gratuitas perfectas para el dise\u00f1o de logos<\/a><\/li>\n<li id=\"su-post-1085\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/es\/blog\/microsoft-logo\/\">Logotipo de Microsoft: dise\u00f1o e historia de la marca Microsoft<\/a><\/li>\n<li id=\"su-post-914\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/es\/blog\/bmw-logo\/\">Logotipo de BMW: El s\u00edmbolo del puro placer de conducir y uno de los 10 logotipos m\u00e1s reconocidos<\/a><\/li>\n<li id=\"su-post-9813\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/es\/blog\/9-tendencias-de-diseno-de-logotipos-para-2022\/\">9 tendencias de dise\u00f1o de logotipos para 2023<\/a><\/li>\n<li id=\"su-post-161\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/es\/blog\/raster-y-vector\/\">Gr\u00e1ficos vectoriales y de trama. \u00bfCu\u00e1l es la diferencia?<\/a><\/li>\n<\/ul>\n\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Favicon es una de las nociones m\u00e1s fundamentales en id\u00e9nticos. Pero, \u00bfqu\u00e9 es un favicon? La noci\u00f3n est\u00e1 estrechamente relacionada&#8230;<\/p>\n","protected":false},"author":1,"featured_media":6755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo hacer un favicon | Turbologo<\/title>\n<meta name=\"description\" content=\"Para crear un favicon, necesitar\u00e1 el software m\u00e1s b\u00e1sico como Paint o Corel5. Hacer un favicon es un proceso largo y laborioso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/turbologo.com\/es\/blog\/favicon\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo hacer un favicon | Turbologo\" \/>\n<meta property=\"og:description\" content=\"Para crear un favicon, necesitar\u00e1 el software m\u00e1s b\u00e1sico como Paint o Corel5. Hacer un favicon es un proceso largo y laborioso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/turbologo.com\/es\/blog\/favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"Dise\u00f1o, Marca y negocio - El blog oficial de Turbologo\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-04T02:01:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-04T06:37:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.turbologo.com\/blog\/es\/2020\/05\/19132527\/products-icons-3-eng.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"440\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\">\n\t<meta name=\"twitter:data1\" content=\"Ilya Lavrov\">\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\">\n\t<meta name=\"twitter:data2\" content=\"3 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#organization\",\"name\":\"Turbologo\",\"url\":\"https:\/\/turbologo.com\/es\/blog\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/turbologo_com\/\",\"https:\/\/www.pinterest.com\/turbologo\/\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#logo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/assets.turbologo.com\/blog\/es\/2020\/03\/19132549\/oFdF5wlUJjw.jpg\",\"width\":500,\"height\":500,\"caption\":\"Turbologo\"},\"image\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#website\",\"url\":\"https:\/\/turbologo.com\/es\/blog\/\",\"name\":\"Dise\\u00f1o, Marca y negocio - El blog oficial de Turbologo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/turbologo.com\/es\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#primaryimage\",\"inLanguage\":\"es\",\"url\":\"https:\/\/assets.turbologo.com\/blog\/es\/2020\/05\/19132527\/products-icons-3-eng.jpg\",\"width\":440,\"height\":340,\"caption\":\"Favicon\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#webpage\",\"url\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/\",\"name\":\"C\\u00f3mo hacer un favicon | Turbologo\",\"isPartOf\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#primaryimage\"},\"datePublished\":\"2021-05-04T02:01:34+00:00\",\"dateModified\":\"2021-05-04T06:37:59+00:00\",\"description\":\"Para crear un favicon, necesitar\\u00e1 el software m\\u00e1s b\\u00e1sico como Paint o Corel5. Hacer un favicon es un proceso largo y laborioso.\",\"breadcrumb\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/turbologo.com\/es\/blog\/favicon\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/\",\"url\":\"https:\/\/turbologo.com\/es\/blog\/\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/\",\"url\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/\",\"name\":\"C\\u00f3mo hacer un favicon\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#webpage\"},\"author\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#\/schema\/person\/379800fa881357672b0119e4a2994c17\"},\"headline\":\"C\\u00f3mo hacer un favicon\",\"datePublished\":\"2021-05-04T02:01:34+00:00\",\"dateModified\":\"2021-05-04T06:37:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/turbologo.com\/es\/blog\/favicon\/#primaryimage\"},\"articleSection\":\"M\\u00e1rketing\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/turbologo.com\/es\/blog\/favicon\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#\/schema\/person\/379800fa881357672b0119e4a2994c17\",\"name\":\"Ilya Lavrov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/es\/blog\/#personlogo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/713d4593fdd72be34274409471435888?s=96&d=mm&r=g\",\"caption\":\"Ilya Lavrov\"},\"description\":\"Soy dise\\u00f1ador gr\\u00e1fico y de producto con 10 a\\u00f1os de experiencia. Escribiendo sobre branding, creaci\\u00f3n de logotipos y negocios\",\"sameAs\":[\"http:\/\/ilyalavrov.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/posts\/1863"}],"collection":[{"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/comments?post=1863"}],"version-history":[{"count":5,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/posts\/1863\/revisions"}],"predecessor-version":[{"id":9066,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/posts\/1863\/revisions\/9066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/media\/6755"}],"wp:attachment":[{"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/media?parent=1863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/categories?post=1863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/turbologo.com\/es\/blog\/wp-json\/wp\/v2\/tags?post=1863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}