Comprobador de favicon
Introduce una URL para encontrar su favicon, /favicon.ico y el icono táctil de Apple, comprobar los tamaños que necesitan Google e iOS, y ver cómo queda en pestañas claras y oscuras.
16 px32 px48 pxFavicon64 × 64, PNGhttps://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.pngApple touch icon180 × 180, PNGhttps://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.pngCómo configurar un favicon que se muestre en todas partes
Los navegadores, Google y los teléfonos buscan cada uno un archivo diferente. Añade estos y tu icono aparecerá en pestañas, resultados de búsqueda y pantallas de inicio.
Usa un icono cuadrado de 48 px o más
Google muestra favicons junto a los resultados de búsqueda y necesita una imagen cuadrada que sea múltiplo de 48 px, como 48 × 48 o 96 × 96. Un favicon en SVG se ve nítido en cualquier tamaño.
Mantén un favicon.ico en la raíz
Algunos navegadores, lectores de feeds y herramientas todavía solicitan directamente /favicon.ico, incluso cuando se declara otro icono. Un archivo .ico de 32 × 32 en esa ubicación cubre estos casos.
Añadir un icono táctil de Apple de 180 × 180
Los iPhone y iPad utilizan apple-touch-icon cuando alguien guarda tu sitio web en la pantalla de inicio. Si no lo tienes, iOS recurre a una captura de pantalla de la página.
Pruébalo en una pestaña oscura
Los iconos oscuros pueden desaparecer en las pestañas oscuras del navegador. Añade un segundo icono más claro para el modo oscuro con la consulta de medios prefers-color-scheme y escribe las etiquetas de tus iconos con el generador de etiquetas meta.
Preguntas frecuentes sobre el comprobador de favicon
Respuestas rápidas sobre los tamaños y formatos de favicon, y por qué no se muestra tu icono.
¿Qué tamaño debe tener un favicon?
Usa un icono cuadrado. 32 × 32 cubre las pestañas del navegador, 48 × 48 o más es lo que Google necesita para los resultados de búsqueda, y 180 × 180 es el tamaño del icono táctil de Apple. Un favicon SVG se adapta a todos ellos.
¿Por qué no aparece mi favicon en Google?
Google solo muestra un favicon que pueda rastrear desde tu página principal. Asegúrate de que sea cuadrado, de al menos 48 × 48 píxeles y que no esté bloqueado por el archivo robots.txt; después, dale a Google unos días para que vuelva a rastrearlo.
¿Por qué sigue apareciendo mi favicon antiguo?
Los navegadores guardan los favicons en la caché durante mucho tiempo. Haz una actualización forzada, abre el sitio en una ventana privada o cambia el nombre del archivo (por ejemplo, favicon-v2.png) para forzar la carga de una copia nueva.
¿Qué formato de favicon debería usar?
PNG o SVG para rel="icon", además de un favicon.ico en la raíz para herramientas más antiguas. Usa un PNG para el icono táctil de Apple, ya que iOS no admite SVG en ese caso.
¿Este comprobador de favicons es gratuito?
Sí, sin necesidad de registrarse. Introduce cualquier URL pública y comprobará los iconos que ofrece ese sitio.