¿Qué formato es un favicon?

Tamaño del favicon 2022

Safari de iOS espera un icono táctil. A día de hoy, se trata de una imagen PNG de 180×180. Esta imagen no debe utilizar transparencia y sus esquinas se redondearán automáticamente cuando se añada a la pantalla de inicio. Declarado con:

Android Chrome se basa en el manifiesto de la aplicación web. Aunque este manifiesto no está dedicado a Android Chrome, actualmente es su principal soporte. Así que, por el momento, es bastante seguro considerar que los iconos del Web App Manifest son para Android Chrome.

Windows/macOS Chrome, Windows/macOS Firefox, Safari, IE… Aquí es donde las cosas están un poco más borrosas. Históricamente, había un único archivo favicon.ico, que todavía se admite. Sin embargo, los navegadores más recientes prefieren elegir iconos PNG, que son más ligeros. Además, algunos navegadores no son capaces de seleccionar el icono adecuado en el archivo ICO (este formato puede incluir varias versiones de un icono), lo que hace que se utilice erróneamente un icono de baja resolución.

Otros navegadores pueden tener iconos dedicados. Por ejemplo, Coast by Opera busca un icono de 228×228. La necesidad de centrarse en estos navegadores no es obvia. Suelen utilizar el icono táctil u otros iconos cuando no encuentran “su” icono.

Ejemplo de Favicon

Un favicon es un pequeño icono visible en la pestaña del navegador web, justo antes del título de la página. El tamaño de un favicon es de 16×16, ya que también se muestra junto a la URL de su sitio en la barra de direcciones del navegador. Es visible en la lista de marcadores de los usuarios y ayuda a reconocer fácilmente el sitio web de una lista de sitios web. En las herramientas del generador de favicon, si subes la imagen para el Favicon en formato de archivo PNG, JPG o GIF, lo convierte automáticamente al formato ICO.

Generador de favicon

Un favicon (/ˈfæv.ɪˌkɒn/; abreviatura de icono favorito), también conocido como icono de acceso directo, icono de sitio web, icono de pestaña, icono de URL o icono de marcador, es un archivo que contiene uno o más iconos pequeños,[1] asociados a un sitio o página web en particular.[1][2] Un diseñador web puede crear un icono de este tipo y subirlo a un sitio (o página web) por varios medios, y los navegadores web gráficos lo utilizarán. [Los navegadores que admiten favicones suelen mostrarlos en la barra de direcciones del navegador (a veces también en el historial) y junto al nombre de la página en una lista de marcadores[3]. Los navegadores que admiten una interfaz de documentos con pestañas suelen mostrar el favicón de una página junto al título de la misma en la pestaña, y los navegadores específicos de un sitio utilizan el favicón como icono de escritorio[1].

En marzo de 1999, Microsoft lanzó Internet Explorer 5, que soportaba favicons por primera vez[4]. Originalmente, el favicon era un archivo llamado favicon.ico colocado en el directorio raíz de un sitio web. Se utilizaba en los favoritos de Internet Explorer (marcadores) y junto a la URL en la barra de direcciones si la página estaba marcada.[5][6][7][4] Un efecto secundario era que se podía estimar el número de visitantes que habían marcado la página por las peticiones del favicon. Este efecto secundario ya no funciona, ya que todos los navegadores modernos cargan el archivo del favicon para mostrarlo en su barra de direcciones web, independientemente de si el sitio está marcado como favorito[6].

Favicon svg

Un favicon es un pequeño icono de 16×16 píxeles que sirve como marca para su sitio web. Su objetivo principal es ayudar a los visitantes a localizar su página más fácilmente cuando tienen varias pestañas abiertas. Debido a su pequeño tamaño, los favicons funcionan mejor como imágenes simples o con uno o tres caracteres de texto. Los favicons no deben confundirse con los logotipos, pero a veces son lo mismo. Debido a su pequeño tamaño y resolución, el favicon puede tener que ser un tamaño aún más pequeño o parte del logotipo original de una empresa.

La creación de un favicon es un paso pequeño pero importante en la creación de un sitio web empresarial. Añade legitimidad a su sitio y ayuda a impulsar su marca en línea, así como la confianza de los consumidores potenciales. Son un marcador visual inmediato para el sitio web que permite una identificación fácil y rápida para los usuarios de la web, así como unifica todos los diversos componentes del navegador en una experiencia de navegación bien marcada.

Los favicons no son directamente responsables de su optimización en los motores de búsqueda, sin embargo, son indirectamente responsables y son una herramienta importante para mejorar su clasificación en los motores de búsqueda. A continuación se muestran algunos ejemplos de cómo tener un favicon puede ayudar a su SEO:

    Comments are closed

    Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
    Privacidad