Favicon png
Un favicon, abreviatura de “icono favorito”, es un icono de 16×16 píxeles (tamaño estándar del favicon) que se utiliza para representar un sitio o página web en los navegadores. Aunque no sepas exactamente qué es, es probable que lo veas cada vez que navegas por Internet.
Lo más habitual es encontrar faviconos en las pestañas de la parte superior del navegador. Además, los faviconos también aparecen en la barra de marcadores, en el historial del navegador, en la barra de búsqueda y en los resultados de la búsqueda móvil en iOS y Android.
Los faviconos son bastante similares a los iconos de las aplicaciones. Y, a medida que la línea entre el escritorio, los navegadores y las aplicaciones móviles de iOS y Android sigue estrechándose, los faviconos se han vuelto cada vez más importantes para la identidad de tu marca.
En pocas palabras, un favicon es una imagen fácilmente identificable para la pestaña de tu sitio web. Cuando los usuarios tienen muchas pestañas del navegador abiertas, el favicon les recuerda de un vistazo que su sitio está ahí esperándoles. Esto facilita que los visitantes vuelvan a su sitio web, lo que se traduce en más visitas.
Dado que el favicon de su sitio web puede facilitar que la gente identifique rápidamente su sitio web en un mar de pestañas, es esencialmente parte del paquete de marca coherente de su sitio web en su conjunto. Es un elemento que contribuye a que su sitio web destaque en lugar de ser genérico.
Subir el favicon
Un favicon es un icono del navegador que representa una marca o un sitio web. Aunque suele aparecer junto al título de una página web en las pestañas del navegador, los faviconos también pueden encontrarse en las barras de direcciones, listas de favoritos, páginas de resultados de búsqueda, barras de herramientas, historial del navegador y otros lugares de la web.
Si estoy escudriñando rápidamente la página de resultados, probablemente decidiré explorar Joy Us Garden y Easy to Grow Bulbs antes que The Succulent Source por unas cuantas razones. No sólo aparecen en primer lugar en la SERP, sino que además sus favicons, URLs, títulos de páginas y meta descripciones apuntan a que son sitios web dedicados a todo lo relacionado con las plantas y que tienen una respuesta a mi pregunta.
Ahora imagina estos tres sitios web en las pestañas del navegador en un escritorio. Sería mucho más fácil recordar los favicons personalizados de Joy Us Garden y Easy to Grow Bulbs que el favicon por defecto de The Succulent Source. En un mar de pestañas abiertas, es más probable que vuelva a hacer clic en las pestañas con faviconos personalizados y pase más tiempo en esos sitios.
Por último, digamos que hago clic en cada uno de estos sitios. Al visitar Joy Us Garden y Easy to Grow Bulbs, me doy cuenta inmediatamente de que los faviconos personalizados se basan en los logotipos de los sitios web. El colorido logotipo de este último se muestra a continuación. Reconocerás el tulipán como su favicon.
Buat favicon
Es hora de repensar cómo cocinar un conjunto de favicons para los navegadores modernos y detener la locura del generador de iconos. En la actualidad, los desarrolladores de frontend tienen que lidiar con más de 20 archivos PNG estáticos sólo para mostrar un pequeño logotipo de un sitio web en una pestaña del navegador o en una pantalla táctil. Sigue leyendo para ver cómo adoptar un enfoque más inteligente y adoptar un conjunto mínimo de iconos que se adapte a la mayoría de las necesidades modernas.
El tema de los favicons ha resultado ser más exhaustivo de lo que cualquiera podría desear, así que también he resumido todo el artículo en sólo dos fragmentos de código para aquellos que ya han sufrido bastante y que saben exactamente qué hacer. Aun así, ¡recomiendo que te pongas a leer el resto!
El concepto de favicon, que es la abreviatura de “icono favorito”, existe desde principios de la década de 2000. Todos hemos visto esas simpáticas imágenes en la barra de pestañas de nuestro navegador que nos ayudan a diferenciar los sitios web abiertos. Los usuarios esperan que su sitio web tenga un favicon. Es una de esas pequeñas cosas que hacen que los demás te tomen en serio.
Incluso Apple, que siempre ha tenido algún tipo de problema estético con los iconos que no provienen de Cupertino, restando importancia a los favicones en Safari durante años, finalmente se ha rendido y ahora los muestra correctamente en todos sus dispositivos.
Generador de favicon
Los favicons son una pieza de internet que todo propietario de un negocio no debería dejar de utilizar. Mira los sitios web que utilizas: ¿hay un icono en la pestaña al lado del nombre? Eso es un favicon y significa mucho. Aunque hay muchas empresas que no han prestado atención a esto, un favicon hace una declaración sobre ti y tu marca.
Un favicon es un icono del navegador que representa tu marca. La mayoría de la gente presta atención a los que aparecen en la pestaña junto al nombre de una empresa, pero también están en las páginas de resultados de búsqueda, las barras de herramientas, las listas de favoritos, las barras de direcciones y otras zonas de la web. Se han convertido en algo tan crucial para la identidad de la marca y el SEO que también están en los resultados de las búsquedas móviles.
Los favicons son un gran elemento de diseño que tuvo un comienzo muy interesante. Solían estar enterrados en el directorio raíz de un sitio web cuando existía Internet Explorer 5. También solían hacer un seguimiento del número de veces que un visitante llegaba a un sitio web.
Si tienes un sitio web, debes tener un favicon para tu página de aterrizaje. De hecho, las páginas de aterrizaje independientes también necesitan favicones para aumentar el conocimiento de la marca. Aumenta el nivel de profesionalidad que estás presentando al público, y cuando la gente ve tu favicon, debería recordarlo.
