¿Por qué hay tantos tamaños de favicon?

Diferentes contextos usan diferentes tamaños. Las pantallas de inicio de iOS quieren 180×180. Las pantallas de inicio de Android usan los íconos del manifiesto (a menudo 192×192 y 512×512). Las pestañas de navegador de escritorio usan 16×16 y 32×32. Enviar todos ellos es la única forma de verse nítido en todas partes.

¿Todavía necesito favicon.ico?

Sí, para navegadores y herramientas legadas que miran /favicon.ico por defecto. Incluso los navegadores modernos caen a él cuando no se declara un favicon explícito. Envíalo junto a las variantes PNG.

¿Qué es el manifiesto de aplicación web?

manifest.json (o manifest.webmanifest) declara los íconos, nombre y color de tema para apps web instalables. Android lo usa para los prompts de instalación en pantalla de inicio. iOS lee nombre e íconos también, aunque algunas propiedades sólo funcionan en Android.

¿Por qué a veces muestra un error CORS?

Algunos hosts bloquean las solicitudes de imagen entre orígenes. Toova aún detecta si el ícono existe revisando la respuesta, pero no puede renderizar la imagen en la vista previa. El sitio web real siempre funciona bien: esto es sólo una limitación de la herramienta.

¿La URL que reviso se registra en algún lado?

No. Toova no ve la URL que revisas: la solicitud va desde tu navegador directamente al sitio objetivo.

Verificador de favicons — inspecciona sitios

Verificador de favicons

Privacidad por diseño — se ejecuta completamente en tu navegador

Revisa qué favicons sirve un sitio web: incluyendo el archivo ICO legado, variantes PNG modernas, íconos de toque de Apple y el manifiesto de aplicación web. Toova los obtiene y previsualiza en tu navegador, para que puedas auditar tu propio sitio o comparar con competidores.

Por qué los favicons son un desastre

Navegadores, plataformas móviles, tarjetas sociales, lectores RSS y extensiones de navegador todos buscan favicons en diferentes lugares: /favicon.ico, /apple-touch-icon.png, el manifiesto, las meta tags. Un sitio que sólo envía /favicon.ico se pierde de cada contexto moderno. Toova revisa cada ubicación común, muestra el resultado y expone cuáles faltan para que puedas auditar tu propio sitio sin hacer solicitudes a mano.

Qué se revisa

El clásico /favicon.ico en la raíz. Tamaños de apple-touch-icon (180×180, 152×152, 120×120). Favicons PNG declarados en el HTML. El manifiesto de aplicación web del sitio (manifest.json) y los íconos que referencia. Imagen Open Graph usada por tarjetas sociales. Toova obtiene cada uno, muestra el tamaño y dimensiones, y señala cualquier cosa que falte: útil para sistemas de diseño y auditorías de marca.

Sólo local

Las solicitudes corren desde tu navegador, sujetas a la política CORS del sitio objetivo. La URL que revisas nunca se envía a un servidor de Toova: no hay registro de qué sitios auditas. Eso importa cuando estás corriendo análisis competitivo o revisando un dominio no publicado. La pestaña Red mostrará solicitudes al sitio objetivo, no a ningún otro lado.

Preguntas frecuentes

¿Por qué hay tantos tamaños de favicon?: Diferentes contextos usan diferentes tamaños. Las pantallas de inicio de iOS quieren 180×180. Las pantallas de inicio de Android usan los íconos del manifiesto (a menudo 192×192 y 512×512). Las pestañas de navegador de escritorio usan 16×16 y 32×32. Enviar todos ellos es la única forma de verse nítido en todas partes.
¿Todavía necesito favicon.ico?: Sí, para navegadores y herramientas legadas que miran /favicon.ico por defecto. Incluso los navegadores modernos caen a él cuando no se declara un favicon explícito. Envíalo junto a las variantes PNG.
¿Qué es el manifiesto de aplicación web?: manifest.json (o manifest.webmanifest) declara los íconos, nombre y color de tema para apps web instalables. Android lo usa para los prompts de instalación en pantalla de inicio. iOS lee nombre e íconos también, aunque algunas propiedades sólo funcionan en Android.
¿Por qué a veces muestra un error CORS?: Algunos hosts bloquean las solicitudes de imagen entre orígenes. Toova aún detecta si el ícono existe revisando la respuesta, pero no puede renderizar la imagen en la vista previa. El sitio web real siempre funciona bien: esto es sólo una limitación de la herramienta.
¿La URL que reviso se registra en algún lado?: No. Toova no ve la URL que revisas: la solicitud va desde tu navegador directamente al sitio objetivo.