Favicon del logo: tamaños para navegador y Google

¿Qué archivo corresponde a cada uso?

Para Google usa un formato admitido, como PNG o ICO: SVG no aparece en su lista actual. El icono cuadrado debe medir al menos 8×8 px; Google recomienda más de 48×48, por lo que 96×96 es útil, no obsoleto. Enlázalo desde la página de inicio, mantén estable la URL y permite a Googlebot acceder a la página y a Googlebot-Image a la imagen. Cumplir las pautas no garantiza que aparezca.

Crear y publicar el icono

1. Empieza por un símbolo reconocible; elimina el eslogan y los detalles finos.
2. Comprueba la forma a 16 y 32 px sobre fondos claros y oscuros.
3. Exporta desde el vector. Elige una carpeta de favicons del paquete LogoSaga y conserva las rutas del manifiesto.
4. Añade los enlaces siguientes solo para archivos presentes en el servidor. El PNG de 96 px es una exportación adicional para búsqueda.

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

Un SVG puede usar prefers-color-scheme, pero prueba los navegadores y versiones que admites. Un símbolo legible sobre ambos fondos es una alternativa fiable. Los iconos Apple touch y del manifiesto son archivos separados, no versiones automáticas del SVG del navegador.

¿Por qué no aparece?

Abre directamente la URL: debe devolver una imagen, no un error ni una página de acceso. Comprueba los enlaces de inicio y el acceso de los rastreadores. En el navegador, recarga o limpia la caché local de iconos. Para Google conserva la URL y solicita la indexación de la página de inicio en Search Console; puede tardar días o semanas. Renombrarla continuamente no soluciona un problema de búsqueda.

Guías prácticas relacionadas: Cómo probar un logo: 10 controles antes de publicarlo · Logo para el Perfil de Empresa de Google: tamaño y carga

Crea un logo con un favicon a juego

Preguntas frecuentes

¿Qué tamaño debe tener un favicon?

Para Google usa un formato admitido, como PNG o ICO: SVG no aparece en su lista actual. El icono cuadrado debe medir al menos 8×8 px; Google recomienda más de 48×48, por lo que 96×96 es útil, no obsoleto. Enlázalo desde la página de inicio, mantén estable la URL y permite a Googlebot acceder a la página y a Googlebot-Image a la imagen. Cumplir las pautas no garantiza que aparezca.

¿Qué formato debe tener un favicon — SVG, PNG o ICO?

El favicon es el pequeño símbolo de tu web. Usa el símbolo del logo, no el nombre completo reducido. Las pestañas, Google y las aplicaciones web instaladas tienen requisitos distintos; prueba el destino real.

¿Puede cambiar un favicon en modo oscuro?

Un SVG puede usar prefers-color-scheme, pero prueba los navegadores y versiones que admites. Un símbolo legible sobre ambos fondos es una alternativa fiable. Los iconos Apple touch y del manifiesto son archivos separados, no versiones automáticas del SVG del navegador.

¿Por qué no se muestra o no se actualiza mi favicon?

Abre directamente la URL: debe devolver una imagen, no un error ni una página de acceso. Comprueba los enlaces de inicio y el acceso de los rastreadores. En el navegador, recarga o limpia la caché local de iconos. Para Google conserva la URL y solicita la indexación de la página de inicio en Search Console; puede tardar días o semanas. Renombrarla continuamente no soluciona un problema de búsqueda.