STATUS IS UPPREPARACIÓN WEB
Español
Espacio del propietario
Explorar SIU

Comprobación de preparación · Área Acelerar · Peso 6

Formatos de imagen modernos en uso

En una página de inicio con al menos tres imágenes, algunas usan WebP o AVIF (según el tipo de archivo, el tipo de un elemento source o un parámetro de formato de una CDN de imágenes).

Observado en
40%

de 123,215 sitios medidos

Los 1K sitios más populares
42%

219 medidos

Franja de los 1M más populares
40%

68,845 medidos

No medido
62,841

bloqueado, sujeto a un desafío de acceso o no aplicable

Por qué importa

WebP y AVIF suelen tener un tamaño mucho menor que JPEG o PNG con una calidad similar, y las imágenes suelen ser la parte más pesada de una página.

Cómo corregirlo

Sirva WebP o AVIF con una alternativa en JPEG o PNG, ya sea mediante una CDN de imágenes o generando ambos formatos durante la compilación.

Herramienta de evaluación de la preparación para la entrega de imágenes

Cómo lo comprobamos

En una página de inicio con al menos tres imágenes, algunas usan WebP o AVIF (según el tipo de archivo, el tipo de un elemento source o un parámetro de formato de una CDN de imágenes).

Observado: Se detectaron imágenes WebP o AVIF.

No observado: No se detectaron imágenes WebP ni AVIF.

Limitación: Se basa en el HTML de la página de inicio entregado a un cliente automatizado; no se ejecutaron los scripts que se ejecutan posteriormente.

Pasos específicos de cada pila tecnológica

  • WordPress: WordPress admite la subida de archivos WebP desde 5.8 y de archivos AVIF desde 6.5; los plugins de imágenes o el proveedor de alojamiento pueden convertir las imágenes existentes.
  • Next.js: El componente next/image sirve formatos optimizados automáticamente.
  • Nuxt: Nuxt Image puede generar WebP y AVIF.
  • Cloudflare: Cloudflare Polish puede convertir imágenes a WebP.
  • Vercel: Vercel Image Optimization sirve formatos modernos.
  • Shopify: La CDN de imágenes de Shopify puede servir formatos modernos; siga las recomendaciones de rendimiento web de Shopify para temas.

Por rango de popularidad

Franja de Chrome UX ReportObservadoMedido
Primeros 1K42%219
Primeros 5K38%1,042
Primeros 10K41%1,351
Primeros 50K39%10,382
Primeros 100K40%10,125
Primeros 500K39%31,251
Primeros 1M40%68,845

Categorías con mayor probabilidad de hacerlo

Categorías con menor probabilidad

Por conjunto de tecnologías

Por proveedor

Sitios populares donde observamos esto

Fuentes y guías

Guía: AVIF, WebP, JPEG y PNG: elige el formato de imagen adecuadoCompruebe su propio sitio