Comprobador de formato de imagen

Qué hace el comprobador

1. Lee una vez el HTML de la página (hasta 1,5 MB) y toma hasta 20 imágenes de <img> (con srcset y los atributos habituales de carga diferida), <picture> y og:image.
2. Pide cada imagen dos veces: con Accept: image/avif,image/webp,…, como la envía un navegador actual, y con Accept: */*, como un cliente que no pide nada en particular.
3. Lee los primeros bytes de cada respuesta para saber el formato real, diga lo que diga el nombre del archivo o el Content-Type, y cuenta los bytes.
4. Muestra la cabecera Vary y el estado de caché que indicó la CDN, y sigue hasta 3 redirecciones, comprobando de nuevo cada dirección de destino.
5. En un <picture> con un <source> AVIF o WebP, la petición moderna va a ese source y la otra al <img>: ahí elige el formato el navegador, no el servidor.

Cómo leer los resultados

AVIF o WebP

Un navegador compatible con estos formatos recibió uno de ellos. El tamaño a su lado es lo que descargó ese navegador; el tamaño bajo "Otros navegadores" es lo que recibe un navegador sin soporte de AVIF ni WebP.

Solo el original

La imagen llegó como JPEG, PNG o GIF incluso a un navegador que pedía AVIF y WebP: el sitio no la convierte.

El mismo archivo para todos los navegadores

Las dos peticiones recibieron el mismo formato. Es el resultado de un sitio sin negociación de formato y de un sitio que sirve archivos WebP a todos. Sin nada que comparar, no se muestra ningún ahorro.

Sin Vary: Accept

La respuesta cambia según la cabecera Accept pero no lo indica con Vary: Accept, y las cachés compartidas pueden guardarla. Un proxy entre el servidor y el visitante podría entregar entonces un archivo AVIF o WebP a un navegador que no lo pidió.

El ahorro

Solo cuentan para el total las imágenes cuyas dos respuestas se leyeron completas y llegaron en formatos distintos. Un tamaño conocido solo por Content-Length se muestra pero nunca se suma: la cifra es una medición, no una estimación.

Límite de peticiones o bloqueo

Si un sitio responde 429, 403, una verificación antibots o la pequeña página 503 que envían los limitadores de peticiones, el comprobador deja de enviarle peticiones en esa comprobación y marca el resto de imágenes como no comprobadas. Vuelve a intentarlo unos minutos después.

Cómo elige el formato un servidor

Un navegador enumera en su cabecera Accept los formatos de imagen que puede mostrar. Un servidor o una CDN que convierte imágenes la lee y responde AVIF, WebP o el original desde la misma URL. Debe enviar además Vary: Accept, para que las cachés guarden una copia por formato.

La otra forma está en el HTML: un elemento <picture> enumera archivos <source> AVIF y WebP y el navegador toma el primero que admite. Las dos funcionan, y el comprobador sigue la que use la página.

AVIF o WebP: cuál es más pequeño y cuándo

Límites y qué enviamos

• Hasta 20 imágenes en hasta 5 servidores por página, hasta 5 MB leídos por imagen y 20 segundos por comprobación.
• 3 comprobaciones por minuto y 20 al día desde una misma dirección. Una comprobación terminada se reutiliza durante 10 minutos, y un sitio se comprueba como máximo 6 veces en 10 minutos, lo pida quien lo pida.
• Las peticiones salen de nuestro servidor en Turquía por IPv4, con un User-Agent que termina en cdn.com.tr-image-check/1.0 y enlaza a esta página. Una CDN puede respondernos desde una ubicación distinta a la de tus visitantes, algunos sitios bloquean clientes automáticos y un sitio accesible solo por IPv6 no se puede comprobar.
• Solo se piden direcciones públicas en los puertos 80 y 443; las redes privadas e internas se rechazan. Las imágenes no se guardan: solo vuelven formatos, tamaños y algunas cabeceras.
• Las imágenes que JavaScript añade después de cargar la página y las imágenes de fondo CSS no están en el HTML, así que el comprobador no las ve.