¿Qué es WebP? WebP vs. PNG vs. JPG y cuándo usarlo
¿Qué es WebP? Es un formato de imagen desarrollado por Google y anunciado en 2010. Un archivo WebP (.webp) guarda una imagen con compresión con pérdida, basada en el códec de vídeo VP8, o sin pérdida, y ambos modos admiten transparencia alfa y animación. Su objetivo es sencillo: archivos más pequeños que JPG, PNG o GIF con una calidad visual similar.
Pruébalo gratis: Imagen a WebP Gratis y sin necesidad de cuenta.
Por eso WebP es la opción por defecto en muchos sitios web, y por eso ahora ves archivos .webp cuando guardas imágenes de internet. Esta guía explica qué es un archivo WebP, cómo se comparan de verdad WebP vs. PNG y WebP vs. JPG, cuándo WebP es la opción equivocada y cómo abrirlo y convertirlo. Para convertir ahora mismo un PNG o JPG a WebP, usa el convertidor de imágenes a WebP gratuito, que funciona en tu navegador.
¿Qué es WebP? Cómo funciona el formato
Un archivo WebP es un contenedor pequeño (basado en RIFF, la misma estructura que usan los archivos de audio WAV) que contiene uno de estos dos tipos de datos de imagen:
- WebP con pérdida comprime la imagen como un único fotograma de vídeo VP8. Predice cada bloque de píxeles a partir de sus vecinos y guarda solo la diferencia, y de ahí sale el ahorro frente a JPG. Trabaja en Y'CbCr 4:2:0 de 8 bits, así que el detalle de color se guarda a la mitad de resolución, como en la mayoría de los JPG.
- WebP sin pérdida es un códec aparte que reproduce cada píxel con exactitud, como PNG, pero con mejores herramientas de compresión.
Ambos modos pueden llevar un canal alfa para la transparencia, y un archivo WebP puede contener varios fotogramas con su temporización, lo que lo convierte en un WebP animado, un sustituto más ligero de los GIF animados. Una imagen WebP puede medir hasta 16.383 × 16.383 píxeles.
WebP también está documentado fuera de Google: el RFC 9649, publicado por el IETF en noviembre de 2024, describe el formato y registra el tipo de medio image/webp que los servidores envían en el encabezado Content-Type.
¿Cuánto más pequeños son los archivos WebP?
La documentación de WebP de Google ofrece estas cifras de sus propias pruebas:
- Las imágenes WebP sin pérdida son un 26 % más pequeñas que los PNG.
- Las imágenes WebP con pérdida son un 25–34 % más pequeñas que imágenes JPEG comparables con un SSIM equivalente, una medida de cuánto se parece una imagen a la original.
- La transparencia sin pérdida cuesta aproximadamente un 22 % de bytes adicionales, mientras que WebP con pérdida y transparencia suele dar archivos 3× más pequeños que PNG.
Son promedios, no garantías. Con números reales, una captura de pantalla PNG de 200 KB ocuparía unos 148 KB como WebP sin pérdida (200 × 0,74), y una foto JPEG de 500 KB quedaría entre unos 330 KB y 375 KB como WebP con pérdida. En una página con diez fotos de 300 KB (3.000 KB en total), ese mismo rango supone 1.980–2.250 KB, un ahorro de 750–1.020 KB en cada visita sin caché.
Cada archivo concreto puede salir mejor o peor. Un JPEG que ya estaba muy comprimido puede incluso crecer al recodificarlo, así que compara siempre el tamaño del resultado con el original.
WebP vs. PNG vs. JPG vs. AVIF
| JPG | PNG | WebP | AVIF | |
|---|---|---|---|---|
| Compresión | Con pérdida | Sin pérdida | Con y sin pérdida | Con y sin pérdida |
| Transparencia | No | Sí | Sí | Sí |
| Animación | No | Solo como APNG | Sí | Sí |
| Profundidad de bits | 8 bits | Hasta 16 bits | 8 bits | 8, 10 o 12 bits |
| Compatibilidad con navegadores | Universal | Universal | Todos los navegadores actuales (Safari 14+) | Chrome 85+, Firefox 93+, Safari 16.4+, Edge 121+ |
| Ideal para | Fotos que deben abrirse en cualquier sitio, impresión, correo electrónico | Capturas de pantalla, logotipos, originales de edición | Fotos y gráficos web, transparentes o animados | Imágenes web, con WebP o JPG como alternativa |
WebP vs. PNG
¿Es WebP mejor que PNG? Para un sitio web, normalmente sí. WebP sin pérdida conserva cada píxel de un PNG y, según la cifra de Google, pesa de media un 26 % menos, mientras que WebP con pérdida y canal alfa puede reducir mucho más las fotos de producto con transparencia. PNG sigue ganando en tres aspectos: se abre en todos los programas que existen, admite color de 16 bits para ediciones de alta precisión y sigue siendo el formato más seguro para un archivo maestro que vas a volver a editar. Para capturas de pantalla con texto pequeño de color, usa WebP sin pérdida en lugar de con pérdida, porque el submuestreo de color 4:2:0 puede difuminar las líneas finas rojas o azules.
WebP vs. JPG
Para fotos en la web, WebP con pérdida ofrece una calidad similar con un tamaño menor y, a diferencia de JPG, puede ser transparente o animado. La ventaja de JPG es la compatibilidad: todas las cámaras, impresoras, clientes de correo y programas de ofimática lo leen. Si un archivo va a salir del navegador, JPG es la opción más segura.
AVIF, basado en el códec de vídeo AV1, es el rival más reciente. Admite mayores profundidades de bits y a menudo comprime más, pero la codificación es más lenta y la compatibilidad llegó más tarde. Una configuración habitual es AVIF primero, WebP en segundo lugar y JPG al final.
Compatibilidad de WebP con los navegadores
Todos los navegadores principales actuales muestran WebP, incluidos los archivos sin pérdida, transparentes y animados:
- Chrome 32 y posteriores, Edge 18 y posteriores, Firefox 65 y posteriores, Opera 19 y posteriores.
- Safari 14 y posteriores en macOS 11 Big Sur o más reciente, y Safari en iOS/iPadOS 14 y posteriores.
Solo se quedan fuera los sistemas antiguos, como Internet Explorer o un Mac que no pasa de macOS 10.15 Catalina. Google Search también indexa imágenes WebP: sus directrices sobre imágenes incluyen BMP, GIF, JPEG, PNG, WebP, SVG y AVIF entre los formatos compatibles.
Cuándo no usar WebP
WebP es un formato de entrega pensado para pantallas. Evítalo en estos casos:
- Impresión. WebP es solo RGB, sin modo CMYK, y los servicios de impresión suelen pedir PDF, TIFF o JPG de alta calidad.
- Originales de edición. Cada guardado con pérdida elimina un poco de detalle. Conserva el PNG, TIFF o RAW original, o el archivo de proyecto de tu editor, y exporta a WebP solo para publicar.
- Archivos que envías a otras personas. Las versiones antiguas de editores de imagen, suites ofimáticas, clientes de correo y formularios de subida pueden rechazar
.webp. Envía JPG o PNG cuando no sepas qué programas usa el destinatario. - Imágenes de más de 16.383 píxeles en cualquiera de sus lados, como panorámicas o mapas grandes.
- JPG muy comprimidos. Recodificarlos añade una segunda generación de artefactos y puede que no ahorre nada.
Cómo usar WebP en un sitio web con una alternativa
Como todos los navegadores actuales admiten WebP, un simple <img src="photo.webp"> funciona para casi todo el mundo. Para cubrir también los navegadores antiguos, usa el elemento <picture>: el navegador elige el primer <source> cuyo type admite y, si no puede, recurre al <img>.
<picture>
<source srcset="/images/hero.avif" type="image/avif">
<source srcset="/images/hero.webp" type="image/webp">
<img src="/images/hero.jpg" alt="Sillón azul en una sala de estar luminosa"
width="1200" height="800">
</picture>
Mantén alt, width y height en el <img>, porque se aplican sea cual sea el archivo que se cargue. Comprueba también que tu servidor envía Content-Type: image/webp; en una configuración antigua de Apache puede que necesites AddType image/webp .webp en .htaccess.
WebP influye en el SEO sobre todo a través de la velocidad. La métrica Largest Contentful Paint (LCP) de las Core Web Vitals suele corresponder a una imagen principal, y un archivo más pequeño se descarga antes, sobre todo en conexiones móviles. Nuestro artículo sobre por qué la velocidad de carga de las imágenes importa para las Core Web Vitals explica cómo se mide el LCP y qué papel tienen la compresión y la carga diferida. El formato por sí solo no arreglará una imagen cuatro veces más ancha que el espacio que ocupa.
Cómo abrir archivos WebP en Windows y macOS
Cómo abrir archivos WebP depende de tu sistema:
- Cualquier navegador: arrastra el archivo a una ventana de Chrome, Edge, Firefox o Safari.
- Windows 10 y 11: ábrelo en Fotos o Paint. Si Windows no reconoce el archivo, instala la extensión gratuita Webp Image Extensions de Microsoft desde Microsoft Store, que además muestra miniaturas en el Explorador de archivos.
- macOS 11 Big Sur y posteriores: haz doble clic para abrirlo en Vista Previa; la Vista Rápida (barra espaciadora en el Finder) también lo muestra.
Cómo convertir WebP
Cómo convertir WebP depende de la dirección que necesites.
A WebP, en el navegador: el convertidor WebP de TimeToTime convierte una imagen PNG, JPG u otra que el navegador pueda leer, de una en una. Elige una calidad de 1 a 100 (80 por defecto), haz clic en «Convertir a WebP» y verás el tamaño del resultado y cuánto más pequeño o más grande es que el original, por ejemplo «67 % más pequeño que el original» cuando un PNG de 1.250.000 bytes se convierte en un WebP de 412.500 bytes. Se conserva la transparencia y la imagen nunca sale de tu dispositivo. No hay modo por lotes ni cambio de tamaño, los metadatos EXIF no se copian y un GIF animado se convierte en una imagen fija. Es posible que Safari no pueda codificar WebP; en ese caso la herramienta lo indica y guarda un PNG, así que usa Chrome, Edge o Firefox. Si además necesitas reducir las dimensiones, el Compresor de imágenes tiene un ajuste de anchura máxima y también puede generar WebP.
A WebP, en la línea de comandos: la herramienta cwebp de Google, incluida en el paquete libwebp, convierte archivos sueltos o, con un script, carpetas enteras:
cwebp -q 80 in.png -o out.webp
cwebp -lossless logo.png -o logo.webp
-q fija la calidad de 0 a 100 (75 por defecto) y -lossless activa el modo sin pérdida.
De WebP a PNG o JPG: en macOS, abre el archivo en Vista Previa, elige Archivo › Exportar y selecciona PNG o JPEG. En Windows, ábrelo en Paint y usa Archivo › Guardar como. En la línea de comandos, dwebp in.webp -o out.png genera un PNG.
Preguntas frecuentes
¿Qué es un archivo WebP?
Un archivo .webp es una imagen en el formato WebP de Google. Puede ser una foto (con pérdida), un gráfico exacto al píxel (sin pérdida), una imagen transparente o una animación corta, y todos los navegadores actuales lo abren.
¿Es WebP mejor que PNG?
Para páginas web, normalmente sí: WebP sin pérdida pesa de media un 26 % menos que PNG con píxeles idénticos. Para originales de edición, imágenes de 16 bits y archivos que otras personas deben poder abrir en cualquier programa, PNG es la opción más segura.
¿Convertir a WebP reduce la calidad?
WebP con pérdida descarta algo de detalle, como JPG; con una calidad de 75–85 la diferencia apenas se aprecia en la mayoría de las fotos. WebP sin pérdida conserva cada píxel. Convertir un JPG a WebP sin pérdida no recupera el detalle que el JPG ya perdió.
¿Por qué los sitios web usan WebP en lugar de JPG?
Los archivos más pequeños cargan más rápido y consumen menos ancho de banda, lo que favorece el Largest Contentful Paint. WebP también admite transparencia y animación, algo que JPG no puede hacer.
¿Puedo volver a convertir WebP a JPG o PNG?
Sí. Usa Exportar en Vista Previa en un Mac, Guardar como en Paint en Windows o dwebp en la línea de comandos. El resultado no puede ser mejor que el WebP, así que conserva tus originales siempre que puedas.
Pruébalo gratis: Imagen a WebP Gratis y sin necesidad de cuenta.