Saltar al contenido

¿Sigue valiendo la pena WebP en 2026?

El soporte ya es universal, por lo que la pregunta ha pasado de si se puede usar WebP a si AVIF lo ha dejado obsoleto.

Sí, sigue valiendo la pena usar WebP en 2026, y sigue siendo la opción predeterminada más segura para las imágenes de un sitio web. El soporte de los navegadores es universal, los archivos son entre un 25 y un 35 por ciento más pequeños que los JPEG con una calidad visual equivalente, y el formato AV1 Image File Format (AVIF) no lo ha reemplazado.

La antigua objeción a WebP era el soporte de los navegadores, y ese argumento ya ha quedado atrás. Chrome, Firefox, Safari y Edge manejan el formato tanto en ordenadores como en dispositivos móviles. La pregunta interesante ahora es si AVIF ha hecho que WebP sea redundante, y la respuesta es que todavía no, y probablemente nunca del todo.

Cuánto más pequeño es realmente WebP

WebP suele ahorrar entre un 25 y un 35 por ciento en comparación con JPEG y entre un 20 y un 30 por ciento en comparación con PNG con una calidad visual equivalente. El ahorro es mayor en fotografías con áreas suaves y en gráficos con colores planos.

Tipo de imagenFormato originalComo WebPAhorro
Fotografía de productoJPEG 420 KB290 KB31 por ciento
Banner principalJPEG 850 KB560 KB34 por ciento
Logotipo con transparenciaPNG 84 KB31 KB63 por ciento
Captura de pantalla con textoPNG 210 KB148 KB30 por ciento
Icono pequeño de menos de 5 KBPNG 3 KB3.4 KBMás grande

La última fila muestra el único caso en el que WebP pierde. Por debajo de aproximadamente 5 KB, la sobrecarga del formato supera el beneficio de la compresión, razón por la cual a menudo es mejor dejar los iconos pequeños como PNG o reemplazarlos con gráficos vectoriales.

WebP frente a AVIF

AVIF comprime aproximadamente entre un 20 y un 30 por ciento más que WebP en fotografías grandes, se codifica mucho más lentamente y a menudo es más grande por debajo de unos 10 KB. Ambos formatos se adaptan a diferentes tipos de imágenes en lugar de reemplazarse mutuamente.

AVIF conlleva una mayor sobrecarga de contenedor, por lo que gana de forma decisiva en fotografías grandes y pierde en gráficos pequeños. El tiempo de codificación es el otro factor a tener en cuenta, ya que AVIF puede tardar varias veces más por imagen. En un lote de 500 archivos, esa diferencia se mide en minutos en lugar de segundos, lo cual es importante cuando se convierte una biblioteca de forma repetida.

Qué formato usar en cada caso

  • Imágenes principales y fotografías grandes. AVIF, donde la ventaja de compresión es mayor.
  • Imágenes generales del sitio. WebP, que es rápido de codificar y tiene soporte universal.
  • Logotipos y gráficos con transparencia. WebP, que supera sustancialmente a PNG.
  • Iconos de menos de 5 KB. PNG o gráficos vectoriales, ya que ambos formatos modernos añaden sobrecarga.
  • Cualquier cosa para descargar o enviar por correo electrónico. JPEG o PNG, porque el soporte fuera de los navegadores sigue siendo escaso.

Lo que WebP hace y JPEG no puede

WebP admite transparencia y compresión con pérdida al mismo tiempo, algo que ni JPEG ni PNG pueden ofrecer. Esa combinación es realmente útil y es fácil de pasar por alto.

Una fotografía de producto con fondo transparente antes obligaba a elegir entre un pesado PNG o un JPEG con un recuadro blanco detrás. WebP elimina esa elección. El formato también admite animación, lo que lo convierte en un reemplazo directo para el GIF animado a una fracción del tamaño del archivo.

Dónde sigue causando problemas WebP

WebP falla fuera de los navegadores, en clientes de correo electrónico, formularios de subida, flujos de trabajo de impresión y software de diseño antiguo. El soporte de los navegadores resolvió el problema en la web y dejó todo lo demás igual.

El fallo más común se da en los kits de prensa, donde un periodista descarga un logotipo en WebP y no puede colocarlo en su software de maquetación. Los portales gubernamentales son el segundo caso, rechazando el formato por completo. Evalúe según el destino en lugar de por las tablas de soporte de los navegadores, ya que la cuestión del navegador se resolvió hace años y las otras cuestiones no.

Cómo convertir un sitio a WebP

Para migrar un sitio web a WebP sin romper nada, siga estos 6 pasos.

  1. Haga una lista de las imágenes a las que realmente hacen referencia sus páginas, ya que la mayoría de las bibliotecas acumulan archivos que nadie enlaza.
  2. Cambie el tamaño de cada imagen a su ancho de visualización real, duplicado para pantallas de alta densidad, antes de convertirla.
  3. Convierta a WebP con una calidad de 80, que es el punto donde el archivo es pequeño y la pérdida de calidad sigue siendo invisible.
  4. Conserve los archivos JPEG o PNG originales como alternativa en lugar de eliminarlos.
  5. Sirva ambos a través de un elemento picture, con el WebP primero y el original en la etiqueta img.
  6. Compruebe las páginas en un teléfono y en un navegador de escritorio antes de eliminar nada.

La mayoría de los sistemas de contenido ahora generan ese marcado automáticamente al subir los archivos, así que compruebe lo que ya hace su plataforma antes de escribirlo a mano. Convertir las imágenes lleva minutos, mientras que reescribir las plantillas lleva más tiempo.

Qué ajuste de calidad utilizar

La calidad 80 es la opción predeterminada adecuada para WebP, porque el formato conserva mejor los detalles que JPEG con el mismo valor numérico. Un archivo WebP con calidad 80 se ve comparable a un JPEG con calidad 85 o superior.

Por debajo de 70, la pérdida de calidad empieza a notarse en los rostros y en los degradados suaves, especialmente en imágenes grandes. Más allá de la calidad 90, el archivo crece drásticamente mientras que la ganancia visual se detiene por completo. Pruebe una imagen representativa con 3 ajustes antes de procesar un lote, ya que el número adecuado depende del tipo de imágenes que publique.

¿Ayuda WebP al posicionamiento en buscadores?

WebP ayuda indirectamente al mejorar la velocidad de la página, que es un factor de posicionamiento, y no porque los motores de búsqueda prefieran el formato en sí. Ningún motor de búsqueda recompensa una extensión de archivo.

El camino pasa por las Core Web Vitals, donde la métrica de la pintura con contenido más grande (Largest Contentful Paint) suele estar determinada por una sola imagen principal. Reducir esa imagen en un tercio mejora la métrica directamente. Lighthouse también muestra una advertencia de Sirve imágenes en formatos de próxima generación, que se soluciona con WebP o AVIF y es una de las auditorías más fáciles de superar.

¿Vale la pena convertir una biblioteca existente?

Realice la conversión cuando las imágenes representen la mayor parte del peso de su página, lo cual ocurre en casi todos los sitios de contenido y tiendas online. Evítelo si sus páginas ya son ligeras o si tiene pocas imágenes y de tamaño reducido.

Compruebe antes de decidir. Abra las herramientas de desarrollo, vaya a la pestaña Red, filtre por imágenes y vuelva a cargar una página típica. Si las imágenes suman más de 1 MB, la conversión producirá una mejora visible. Si suman 200 KB, es mejor dedicar el esfuerzo a otra parte de la página.

WebP con y sin pérdida son modos diferentes

WebP tiene 2 modos de compresión independientes, y elegir el incorrecto produce un archivo más grande que el original. El modo con pérdida se adapta a las fotografías, mientras que el modo sin pérdida se adapta a las capturas de pantalla, logotipos y gráficos planos.

La mayoría de las herramientas seleccionan el modo a partir del ajuste de calidad, aplicando el modo sin pérdida con calidad 100 y con pérdida por debajo de esta. Esa opción predeterminada funciona para fotografías y falla en gráficos, donde un WebP con pérdida de una captura de pantalla produce halos alrededor del texto a la vez que pesa más que la versión sin pérdida. Compruebe qué modo utilizó su herramienta siempre que un gráfico convertido resulte más grande que el PNG al que reemplazó.

Errores comunes al adoptar WebP

  • Convertir sin cambiar el tamaño primero. Las dimensiones controlan la mayor parte del tamaño del archivo, por lo que un WebP de 4000 píxeles seguirá siendo demasiado pesado.
  • Eliminar los originales. Consérvelos, ya que tanto las alternativas de respaldo como las futuras reexportaciones necesitan una fuente sin pérdida.
  • Convertir un JPEG que ya está comprimido. El resultado conlleva 2 generaciones de pérdida de calidad en lugar de una.
  • Usar WebP para archivos descargables. Los kits de prensa, las plantillas y los archivos de impresión deben seguir siendo JPEG o PNG.
  • Convertir iconos diminutos. Por debajo de 5 KB, la sobrecarga del formato hace que los archivos sean más grandes en lugar de más pequeños.

Convertir una biblioteca en una sola pasada

Convierta directamente desde el formato original en lugar de pasar los archivos por uno intermedio, porque cada paso con pérdida descarta detalles. Pasar de HEIC a JPEG y luego a WebP cuesta 2 generaciones de pérdida cuando con 1 sería suficiente.

Arrastre hasta 500 archivos a la vez, o un archivo ZIP directamente, y cada imagen compatible se convertirá en una sola pasada. El trabajo se realiza dentro de su navegador utilizando su propio procesador, por lo que la migración completa de un sitio ocurre sin que ningún archivo llegue a un servidor. Para las agencias que gestionan bibliotecas de clientes bajo contrato, esto elimina un problema de confidencialidad en lugar de simplemente reducirlo.

Volver al blog