{"id":1138,"date":"2018-01-10T08:14:39","date_gmt":"2018-01-10T08:14:39","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1138"},"modified":"2024-12-17T10:45:44","modified_gmt":"2024-12-17T08:45:44","slug":"what-is-favicon","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/es\/what-is-favicon\/","title":{"rendered":"\u00bfQu\u00e9 es un Favicon y por qu\u00e9 es tan importante para la marca?"},"content":{"rendered":"<p>El \u00edcono cl\u00e1sico es un archivo ICO de 16 \u00d7 16, con compatibilidad de color y transparencia de 16 o 24 bits. Mucho m\u00e1s tarde, apareci\u00f3 en un tama\u00f1o de 32 \u00d7 32, pero los navegadores antiguos todav\u00eda lo reducen a 16 \u00d7 16.<\/p>\n<p>\u00bfPor qu\u00e9 lo necesitas ahora? Hoy en d\u00eda, es un componente importante de la interfaz del sitio web, que tambi\u00e9n juega un papel importante en aplicaciones web avanzadas.<\/p>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__conversion\">\n                <p class=\"title\">Favicon Checker<\/p>\n                <p class=\"description\">Compruebe si su sitio web tiene favicon y c\u00f3mo se muestra en diferentes navegadores<\/p>\n                <form id=\"mini__tool-form\" class=\"article__seo-search\" action=\"\" method=\"POST\" autocomplete=\"off\">\n                    <span class=\"error\">Must be a valid URL with http:\/\/ or https:\/\/<\/span>\n                    <input id=\"minitool_input\" name=\"url\" type=\"text\" placeholder=\"Ingrese su dominio aqu\u00ed\">\n                    <button type=\"submit\" class=\"minitool_check-landing sitechecker__text\"><span>Comprobar<\/span><img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading-blue.svg\" alt=\"arrow\" title=\"arrow\" class=\"loading\"><\/button>\n                <\/form>\n                <div id=\"result-container\">\n                    <div class=\"container__results\">\n                        <div class=\"container__result\" id=\"result-template\">\n                            <div class=\"result\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>\u00bfCu\u00e1l es su prop\u00f3sito?<\/h2>\n<p>&nbsp;<\/p>\n<p>Obviamente, es mucho m\u00e1s f\u00e1cil buscar con esto al favorito que necesitas, ya que es m\u00e1s sencillo buscar un icono que ya es familiar que leer todos los nombres de sitios web. Por lo tanto, su trabajo es mejorar la experiencia del usuario. Esta es la raz\u00f3n principal para usarlo.<\/p>\n<p>Actualmente, puedes encontrar este componente en todos los sitios web populares y modernos, tambi\u00e9n en navegadores en sus pesta\u00f1as de navegaci\u00f3n. Cabe resaltar que, las empresas globales tienen iconos reconocibles y populares que los ayudan a sobresalir de la multitud y de otras fuentes web (son buenos ejemplos de favicon para mirar). Sin duda, es una herramienta muy \u00fatil para sitios de todo tipo.<\/p>\n<p>Fue creado para una b\u00fasqueda visual r\u00e1pida que permita encontrar el sitio web exacto que se necesita entre miles de marcadores que hay en Internet, ayudando a su p\u00fablico a hallarlo m\u00e1s r\u00e1pido y f\u00e1cil.<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/website-favicons.jpg\" alt=\"Displaying favicons in the browser\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>El sitio web sin un icono de identificaci\u00f3n personal ir\u00e1 con el s\u00edmbolo gen\u00e9rico de un navegador, lo que significa que es imprescindible para ti, si te importan tus recursos de branding.<\/p>\n<p>&nbsp;<\/p>\n<h2>\u00bfC\u00f3mo crear un Favicon de sitio web?<\/h2>\n<p>&nbsp;<\/p>\n<p>Puedes hacerlo por tu cuenta o usar ayuda en l\u00ednea. No es necesario utilizar generadores en l\u00ednea especiales para crear uno, aunque a menudo es bastante conveniente y simple.<\/p>\n<p>He aqu\u00ed algunos ejemplos:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.favicongenerator.com\/\">Favicon Generator<\/a><\/li>\n<li><a href=\"https:\/\/www.favicon-generator.org\/\">Favicon Generator ORG<\/a><\/li>\n<li><a href=\"http:\/\/tools.dynamicdrive.com\/favicon\/\">Dynamic Drive Favicon Tool<\/a><\/li>\n<li><a href=\"http:\/\/favigen.com\/\">Favigen<\/a><\/li>\n<li><a href=\"http:\/\/www.genfavicon.com\/\">Gen Favicon<\/a><\/li>\n<li><a href=\"http:\/\/www.degraeve.com\/favicon\/\">Degraeve Favicon<\/a><\/li>\n<\/ul>\n<p>Como ves, ni siquiera necesitas un dise\u00f1ador gr\u00e1fico para hacerlo. Sin embargo, si planeas lanzar un sitio global y vas a tener una marca de nivel mundial, entonces probablemente ser\u00eda bueno recurrir a un dise\u00f1ador profesional para crear algo \u00fanico que coincida con tu marca.<\/p>\n<p>No obstante, si lo har\u00e1s t\u00fa mismo, te puede tomar unos 10 minutos hacer uno simple: solo tienes que cargar el logotipo de tu sitio web en uno de los sitios mencionados anteriormente y simplemente descargar el archivo listo. \u00a1As\u00ed de f\u00e1cil!<\/p>\n<p>Adem\u00e1s, prueba estos sitios web que son inspiradores para encontrar algunas ideas interesantes sobre los favicon:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.freshfavicon.com\/\">Fresh Favicons<\/a><\/li>\n<li><a href=\"http:\/\/thefavicongallery.com\/\">The Favicon Gallery<\/a><\/li>\n<li><a href=\"http:\/\/www.deltatangobravo.com\/archive\/2004\/march\/favourite\">Delta Tango Bravo<\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__banner\">\n                <img src=\"https:\/\/test.sitechecker.pro\/wp-content\/themes\/sitechecker\/out\/img_design\/logo.svg\" alt=\"logo\">\n                <div>\n                    <p class=\"title\">Consulte el sitio web para errores de SEO <\/p>\n                    <p class=\"description\">Ning\u00fan favicon perjudica la facilidad de uso del sitio web, pero las etiquetas de T\u00edtulo y Descripci\u00f3n que faltan pueden llevar a la p\u00e9rdida de tr\u00e1fico.<\/p>\n                    <a href=\"\/tool\/crawl-report\/\" class=\"btn\">Auditoria de sitio web<\/a>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>\u00bfC\u00f3mo agregarlo al sitio web?<\/h2>\n<p>&nbsp;<\/p>\n<p>Una vez tengas el archivo listo, no es tan complicado colocarlo en el servidor. Primero tendr\u00e1s que tener acceso a la herramienta de edici\u00f3n de texto y a la carpeta de origen de tu sitio web para poder ajustar el c\u00f3digo HTML de tu sitio web.<\/p>\n<p>Aqu\u00ed una gu\u00eda r\u00e1pida:<\/p>\n<p>1. Carga el archivo adecuado en tu servidor. Luego, escribe en la barra de direcciones de tu navegador en tu servidor FTP. Presiona el bot\u00f3n &#8220;Entrar&#8221;, inicia sesi\u00f3n y simplemente carga el archivo a la carpeta \u201croot\u201d.<\/p>\n<p>2. A continuaci\u00f3n, debes cambiar la p\u00e1gina HTML de tu sitio web. Busca y descarga el archivo &#8220;header.php&#8221; o &#8220;index.html&#8221; del servidor. Si tu sitio est\u00e1 hecho con HTML simple, debes insertar el c\u00f3digo en el \u00e1rea del encabezado del archivo &#8220;index.html&#8221;:<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"http:\/\/yourwebsite.com\/favicon.ico\"&gt;<\/code><\/div>\n<p>Si est\u00e1s trabajando con WordPress, inserta el c\u00f3digo en el \u00e1rea del encabezado del archivo &#8220;header.php&#8221;:<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"&lt;?php bloginfo('url') ?&gt;\/favicon.ico\"&gt;<\/code><\/div>\n<p>\u00a1Listo! Realmente te sorprender\u00e1 lo f\u00e1cil que es.<\/p>\n<h2>Crear un icono en Photoshop<\/h2>\n<p>&nbsp;<\/p>\n<p>\u00a1Photoshop es un excelente programa para trabajar con im\u00e1genes!<\/p>\n<p>Es una herramienta muy \u00fatil que te ayudar\u00e1 en diferentes situaciones e incluso te permitir\u00e1 crear un \u00edcono personalizado para sitio web. Si eres un dise\u00f1ador, por supuesto, el programa de Photoshop es la mejor opci\u00f3n para usar. En el caso contrario, te recomendamos que consideres utilizar los sitios web que mencionamos anteriormente y as\u00ed ahorrar\u00e1s tiempo.<\/p>\n<p>El problema es que Photoshop no admite archivos &#8220;ICO&#8221;. Por lo tanto, debes descargar e instalar el plugin de Telegraphics.<\/p>\n<p>Ahora, en el men\u00fa de opciones selecciona la carpeta ARCHIVO, debes crear un archivo nuevo, con un lienzo de 64 \u00d7 64 p\u00edxeles (es m\u00e1s f\u00e1cil trabajar con el tama\u00f1o grande), pega tu logotipo en el documento y haz todos los cambios necesarios.<\/p>\n<p>Despu\u00e9s, selecciona la carpeta IMAGE, ve a TAMA\u00d1O DE LA IMAGEN y c\u00e1mbiala a 16 \u00d7 16 p\u00edxeles, no olvides asegurarte de que tu \u00edcono no se vea borroso al hacer clic en RESAMPLE IMAGE y BICUBIC SHARPER.<\/p>\n<p>Cuando est\u00e9s satisfecho con los resultados, abre la carpeta ARCHIVO y presione GUARDAR COMO.<\/p>\n<p>&nbsp;<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>&nbsp;<\/p>\n<p>Este componente es como un tipo de tarjeta de presentaci\u00f3n, por lo que debe crearse con el mismo estilo que el sitio: cuanto m\u00e1s tengan en com\u00fan el sitio y el icono, mejor.<\/p>\n<p>Tiene que estar asociado con el sitio; porque esta es su funci\u00f3n principal. Adem\u00e1s, el icono debe ser relevante y claro: el usuario debe comprender de inmediato qu\u00e9 se muestra en icono y tambi\u00e9n debe ser memorable.<\/p>\n<p>Por lo tanto, un \u00edcono bien hecho har\u00e1 que tu sitio se vea m\u00e1s profesional.<\/p>\n<p>Si realmente quieres crear una marca personal, debes adoptar un enfoque muy serio para crear un favicon.<\/p>","protected":false},"excerpt":{"rendered":"El \u00edcono cl\u00e1sico es un archivo ICO de 16 \u00d7 16, con compatibilidad de color y transparencia de 16 o 24 bits. Mucho m\u00e1s tarde, apareci\u00f3 en un tama\u00f1o de 32 \u00d7 32, pero los navegadores antiguos todav\u00eda lo reducen a 16 \u00d7 16. \u00bfPor qu\u00e9 lo necesitas ahora? Hoy en d\u00eda, es un componente&#8230;","protected":false},"author":10380808,"featured_media":3424,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/1138"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/1138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/media\/3424"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/es\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}