Tamaño del favicon 2022
<link rel=”apple-touch-icon-precomposed” sizes=”152×152″ href=”/path/to/favicon-152.png”>Nota: todo lo que sea “retina” y anterior cambiará el tamaño del icono por defecto de 120px, ya que no se ha especificado ningún atributo de tamaño.Para más información sobre los iconos táctiles, consulta la documentación oficial de Apple, que también explica cómo eliminar la barra de estado, añadir un título de aplicación personalizado e incluso una pantalla de inicio para tu web-app.¿Es necesario declarar estas etiquetas HTML en el <head>? No. Mientras los iconos táctiles se suban a la carpeta raíz de la página web, Apple sabrá buscarlos allí, sin embargo, otros sistemas operativos también utilizan estos iconos – ¡incluso Android! Es mejor definirlos en el <head>.WindowsWindows 10 (Metro UI) utiliza un formato de mosaico para mostrar los iconos de las apps (con una opción alternativa de “Añadir sitio a las Apps”), que es un poco más complejo cuando se compara con otros métodos, pero vamos a empezar con los tamaños (px) antes de discutir la implementación. Nota: los 270x serán escalados a 150x en pantallas de baja densidad.Un archivo browserconfig.xml con el siguiente código debe ser subido al directorio raíz de su sitio web:<?xml version=”1.0″ encoding=”utf-8″?>
Ejemplo de Favicon
Los Favicons de Chrome se almacenan en la base de datos SQLite ‘Favicons’, dentro de las tablas ‘favicons’, ‘favicon_bitmaps’ y ‘icon_mapping’. Las versiones anteriores de Chrome almacenaban los Favicons en la base de datos SQLite “Thumbnails”, dentro de la tabla “favicons”.
Las miniaturas de Chrome se almacenan en la base de datos SQLite “Top Sites”, dentro de la tabla “thumbnails”. Las versiones anteriores de Chrome almacenaban las miniaturas en una base de datos SQLite “Thumbnails”, dentro de la tabla “thumbnails”.
Las visitas a sitios web de Chrome se almacenan en la base de datos SQLite “Historial”, dentro de la tabla “visitas”. La información de la URL asociada se almacena en la tabla “urls”. Las versiones anteriores de Chrome almacenaban las visitas a sitios web archivadas en una base de datos SQLite “Historial archivado” independiente, dentro de la tabla “visitas”.
El favicon de Google no se muestra
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, en las listas de favoritos, en las páginas de resultados de búsqueda, en las barras de herramientas, en el historial del navegador y en 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 varias 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.
Generador de favicon
El Favicon o Icono del Sitio es la pequeña imagen que aparece junto al título de su sitio web en el navegador. Ayuda a los usuarios a identificar su sitio web y los visitantes más frecuentes de su sitio construirán un reconocimiento instantáneo para esa pequeña imagen.
La mayoría de los usuarios suelen tener muchas pestañas abiertas en la ventana del navegador. Esto oculta el título de su sitio web a medida que aumenta el número de pestañas. El favicon ayuda al usuario a identificar su sitio web y a cambiar rápidamente a la pestaña que desee.
Puede utilizar el logotipo de su marca como icono del sitio o favicon. El tamaño recomendado para la imagen del icono del sitio es de al menos 512 píxeles de ancho y alto. La imagen del icono del sitio debe ser un cuadrado, puede utilizar una imagen rectangular más grande y WordPress le permitirá recortar la imagen cuando la añada.
Le recomendamos que utilice un programa de edición de imágenes como Adobe Photoshop o Gimp para crear un icono del sitio de exactamente 512×512 píxeles. De este modo, podrá mantener las proporciones exactas de su imagen. Puede utilizar una imagen transparente o rellenar la imagen con un color de fondo de su elección. Esta imagen puede estar en formato png, jpeg o gif.