WebP, AVIF o JPEG: qué formato debe usar su sitio web

Una prueba de velocidad acaba de recomendarle «serve images in next-gen formats» (entregar imágenes en formatos de nueva generación), y ahora tiene delante una lista de nombres de archivo sin saber qué cambiar.

La respuesta corta a WebP, AVIF o JPEG es que WebP es un valor predeterminado confiable para las imágenes de un sitio web, y que AVIF puede pesar menos cuando su plataforma lo genera por usted con un respaldo que funcione.

JPEG sigue siendo válido para fotos que ya son pequeñas y nítidas. PNG es la opción más segura para logotipos transparentes y gráficos con texto nítido.

No tiene que reconstruir nada ni tocar cientos de páginas para actuar sobre eso. Su plataforma tal vez ya esté sirviendo un formato más nuevo, y unas cuantas imágenes marcadas son un trabajo pequeño, no un proyecto.

Trabaje en este orden: elija el formato para cada tipo de imagen, revise qué hace ya su plataforma, cambie solo lo que valga la pena cambiar y confirme el resultado.

¿Qué formato debe usar cada imagen de su sitio?

Elija según lo que sea la imagen, no según lo más nuevo. Una foto, un logotipo con fondo claro, una captura de pantalla y una animación tienen cada uno un formato que les conviene.

WebP cubre la mayoría de los usos: maneja compresión con y sin pérdida, transparencia y animación, y los navegadores modernos lo leen. AVIF cubre la misma lista, agrega HDR y color amplio, y a menudo genera archivos más pequeños que WebP, aunque puede tardar más en codificarse y los navegadores antiguos todavía necesitan un respaldo. La documentación de WebP de Google y la guía de formatos de imagen de MDN explican las ventajas y desventajas.

Google Search admite BMP, GIF, JPEG, PNG, WebP, SVG y AVIF a octubre de 2026, según su documentación de SEO para imágenes. AVIF se admite en Google Search y Google Imágenes desde el 30 de agosto de 2024, como anunció Google en «Supporting AVIF in Google Search» (Compatibilidad de AVIF en Google Search). Así que, cambiar a cualquiera de los dos formatos no le costará un lugar en los resultados de imágenes.

JPEG XL no está en la lista de formatos de imagen compatibles de Google. Chrome 155, Firefox 158 y Safari 17 lo admiten, según el blog de Chrome, las notas de la versión 158 de Firefox y las notas de la versión de Safari 17, pero Safari no puede cargarlo de forma progresiva. Por ahora, mantenga una versión en JPEG, WebP o AVIF en la página pública.

¿Cómo saber si su plataforma ya hizo el trabajo?

Antes de convertir un solo archivo, revise qué sirve ya su creador de sitios o su host. Las tres configuraciones más comunes se comportan de manera distinta, y la página de ayuda de cada una explica cómo.

En Wix, las imágenes que se suben al sitio se convierten a AVIF en el sitio en vivo y se comprimen para mayor velocidad, según la guía de medios de Wix. En Squarespace, las imágenes subidas se muestran como WebP de forma predeterminada. El interruptor de WebP está en Image Settings (Configuración de imagen), y si alguien lo apagó, las imágenes vuelven a su formato original en 24 horas, según la página de ayuda de Squarespace sobre imágenes, actualizada el 22 de junio de 2026.

WordPress requiere un poco más de revisión. Acepta cargas de AVIF desde la versión 6.5 cuando la biblioteca de imágenes del servidor admite AVIF, según las notas de WordPress 6.5. Las cargas de JPEG y PNG se convierten a WebP o AVIF solo mediante el filtro `image_editor_output_format`, un plugin de optimización de imágenes o una función de su host o de su CDN. Pregúntele a su host cuál de esas opciones está activada.

¿Cómo cambiar de formato sin romper nada?

Empiece por los originales. Guarde cada archivo fuente en una carpeta que usted controle, y trate cualquier copia convertida como una copia. Si una conversión se ve borrosa, vuelva a exportar desde el original en lugar de comprimir otra vez un archivo que ya estaba comprimido.

Luego trabaje en lotes pequeños, empezando por las páginas que más importan: la página principal y su página de servicio principal. Convierta o active la conversión automática para esas primero, y compare el resultado al tamaño que ven los visitantes. Si también está redimensionando, la guía sobre cómo redimensionar y comprimir imágenes para su sitio web cubre las dimensiones y la configuración de calidad.

Un archivo `.jpg` renombrado a `.webp` sigue siendo un JPEG por dentro, y Google recomienda que la extensión coincida con el tipo de archivo real, así que use una herramienta de exportación o conversión que reescriba la imagen.

Cuando usted mismo sirve un formato más nuevo, Google recomienda el elemento `<picture>` con un `<img>` de respaldo, para que un navegador que no pueda leer el formato nuevo muestre el más antiguo. Un host, CDN o plugin que haga eso por usted resuelve ese paso.

Después de cada lote, pruébelo. Revise la página en computadora y en un teléfono, mire cualquier logotipo o gráfico con fondo transparente, abra sus galerías y envíe un mensaje de prueba por su formulario de contacto. Luego revise Search Console durante las semanas siguientes para confirmar que sus páginas e imágenes siguen apareciendo. Google aconseja evitar cambios generalizados sin evaluar el sitio, así que un lote a la vez es el ritmo seguro.

¿Cómo confirmar qué formato reciben realmente sus visitantes?

Dos revisiones toman unos diez minutos. La primera es PageSpeed Insights, y la segunda es mirar una imagen.

Pruebe su página principal y una página de servicio importante en PageSpeed Insights, en móvil y en computadora. Abra la sección de oportunidades de imágenes y anote qué URL de imágenes están marcadas, el formato en que llega cada una y el ahorro estimado. La línea «serve images in next-gen formats» es una oportunidad de optimización basada en el ahorro estimado de descarga, según la guía de entrega de imágenes de Chrome. Omite las imágenes en las que el ahorro estimado es menor a 4 KiB, y puede tomarla como un recordatorio para revisar, no como una orden de convertir cada imagen.

Para la segunda revisión, abra la página en su navegador, abra las herramientas para desarrolladores, cambie a la pestaña Network (Red) y recargue. Haga clic en una imagen y lea su Content-Type. Dirá `image/jpeg`, `image/png`, `image/webp` o `image/avif`. Si ya dice WebP o AVIF, la plataforma hizo el trabajo.

Una imagen marcada que además pesa mucho más de lo necesario apunta a un problema de tamaño, no de formato. Ahí, por qué su sitio web tarda en cargar es la mejor lectura siguiente.

¿Cuándo está bien dejar sus formatos de imagen como están?

Si su plataforma ya sirve WebP o AVIF y PageSpeed muestra solo unos cuantos kilobytes de ahorro, deje el formato como está. Una imagen pequeña y nítida que ya carga de forma eficiente gana poco con la conversión, y un rediseño o una migración completa de la biblioteca de medios por unas cuantas imágenes marcadas no vale el costo.

No existe un tamaño de archivo único que toda imagen deba alcanzar. La cifra de 500 KB que la gente cita es la recomendación de Squarespace para cargas, no una regla de Google. El tamaño correcto depende de qué tan grande aparece la imagen, de lo que muestra y de cuánta calidad necesita. Web.dev aconseja elegir la imagen más pequeña que todavía se vea nítida, y su guía de rendimiento de imágenes cubre los tamaños responsivos y las pruebas de compresión.

Vale la pena pagar ayuda cuando el problema es más grande que la extensión del archivo. Eso incluye plantillas que sirven distintos formatos, imágenes originales sobredimensionadas, un tema que se salta el optimizador, logotipos transparentes que se rompen, cachés obsoletas, pérdida visible de calidad o un sitio que necesita revisiones continuas. Las descripciones de sus imágenes también importan, y el texto alternativo para el sitio web de su pequeña empresa es una tarea distinta a elegir un formato.

Preguntas frecuentes sobre WebP, AVIF y JPEG

¿WebP es mejor que JPEG?

Para uso en la web, WebP suele generar un archivo más pequeño con calidad comparable, y admite transparencia. JPEG sigue siendo muy compatible y sirve bien cuando una imagen ya es pequeña y clara.

¿AVIF es mejor que WebP?

AVIF suele generar archivos más pequeños y admite HDR y color amplio. WebP tiene una compatibilidad práctica más amplia y es más sencillo de configurar. AVIF funciona mejor cuando su plataforma o un CDN lo crea con un respaldo.

¿Google puede indexar imágenes WebP y AVIF?

Sí. Google Search incluye ambos entre sus formatos de imagen compatibles, y AVIF se admite desde el 30 de agosto de 2024.

¿Cuál es el mejor formato de imagen para un sitio web?

Depende de la imagen. Use WebP para la mayoría de las fotos y gráficos, AVIF cuando su plataforma lo haga automáticamente, PNG para logotipos transparentes y gráficos de texto nítido, y JPEG para fotos que ya son pequeñas.

¿Necesito convertir cada imagen de mi sitio?

No. Empiece con las imágenes grandes de sus páginas más importantes, y deje las imágenes pequeñas que ya cargan rápido. PageSpeed omite los ahorros estimados menores a 4 KiB.

¿Convertir imágenes a WebP mejora mi posicionamiento?

Un archivo más pequeño carga antes, lo que ayuda a los visitantes con conexiones lentas. Google incluye WebP y AVIF entre sus formatos compatibles, así que el cambio es seguro para la búsqueda de imágenes, y el beneficio es la velocidad, no un aumento de posiciones.

Reflexiones finales

Para la mayoría de las tareas de imágenes de su sitio, WebP es un valor predeterminado confiable, AVIF es una buena opción cuando su plataforma lo crea con un respaldo, PNG sirve para logotipos transparentes y gráficos nítidos, y JPEG sirve para fotos pequeñas y claras. Wix y Squarespace tal vez ya se encarguen de la conversión por usted, y WordPress necesita una configuración, un plugin o una función del host para hacerla. Vuelva a ejecutar PageSpeed Insights y lea el Content-Type de una imagen para saber en qué punto está.

Hecho en lotes pequeños y con sus originales guardados, esto es un trabajo corto. Sus páginas cargan un poco más rápido en los teléfonos, sus logotipos mantienen sus bordes transparentes y la prueba de velocidad deja de marcar imágenes que importan.

Si prefiere encargarlo, Web Leveling puede revisar lo que sirve su sitio, corregir las páginas donde el formato o el tamaño le cuestan, y dejar todo lo demás como está. Nuestro trabajo de diseño web cubre cómo se sirven las imágenes desde la base, y puede contarnos qué advertencia le dio su prueba de velocidad para que revisemos qué está marcando. Trabajamos con pequeñas y medianas empresas en todo el país y en el extranjero.

Términos