Del mismo modo que 'comprimir WebP', las cosas que diferentes personas quieren hacer son muy distintas:
Algunos quieren convertir un lote de JPG, PNG a WebP; otros tienen WebP y quieren comprimirlo aún más; otros tienen que manejar WebP animados.
No hay herramientas buenas o malas absolutas, solo las adecuadas. En este artículo se recomiendan por escenarios, ofreciendo solo las más prácticas para cada uno.
Antes de empezar: dos minutos para entender WebP
WebP en realidad tiene tres formas:
- WebP con pérdida: similar a JPEG, descarta detalles según el parámetro de calidad, pequeño tamaño, ideal para fotos, banners.
- WebP sin pérdida: similar a PNG, los píxeles no cambian, ideal para capturas de pantalla, recursos UI.
- WebP dinámico: animación de múltiples fotogramas, puede ser con o sin pérdida, común en memes y animaciones convertidas de GIF.
Si no estás seguro de cuál es, usa la herramienta oficial de Google webpinfo:
bash
brew install webp
webpinfo image.webp
En la salida, VP8 es con pérdida, VP8L es sin pérdida, si hay ANIM / ANMF es una animación.
Hay algo más que saber antes: con WebP con pérdida, si re- codificas con un parámetro de calidad más alto, el archivo será más grande, pero la calidad no mejorará — los detalles perdidos no se recuperan. Por lo tanto, para imágenes que ya son WebP, una buena herramienta de compresión debería ser capaz de determinar si 'no se puede comprimir más' y dejarla como está.
Escenario 1: Convertir JPG / PNG por lotes a WebP
Esta es la tarea que la mayoría hace la primera vez que se acerca a WebP.
Interfaz gráfica: elige XnConvert. Gratis, multiplataforma, puedes arrastrar un lote de imágenes, establecer calidad o modo sin pérdida, además cambiar tamaño y nombre de archivo. Para convertir formatos, es la más cómoda.
En el flujo de construcción: elige cwebp o sharp. En proyectos web, en lugar de convertir manualmente, mejor procesar automáticamente al empaquetar o subir al CDN:
bash
cwebp: calidad 75, método más lento pero más eficiente, guarda el perfil de color
cwebp -q 75 -m 6 -metadata icc input.jpg -o output.webp
js
// sharp (Node.js)
await sharp('input.jpg').webp({ quality: 75, effort: 6 }).toFile('output.webp')
¿No estás seguro de los parámetros? Prueba Squoosh primero. Herramienta online de Google, procesa una imagen a la vez, pero puedes dividir la pantalla, arrastrar la calidad en tiempo real para ver el efecto. Entiende 'qué calidad es adecuada para este tipo de imagen', y luego usa los parámetros en las herramientas por lotes anteriores.
Escenario 2: Ya tienes WebP, quieres comprimirlo más
Tu sitio web ya usa WebP, pero Lighthouse sigue indicando que 'la imagen se puede comprimir aún más'; o tienes una carpeta de recursos llena de WebP ocupando espacio. En este caso, no necesitas convertir el formato, sino reducir el tamaño de los archivos existentes en su lugar.
Mac: ImgZilla
ImgZilla es nuestra herramienta de compresión de imágenes para macOS, que es especialmente buena para este escenario:
- Compresión en su lugar, misma ruta. Después de comprimir
banner.webpsigue siendobanner.webp, no necesitas cambiar ninguna referencia en el código o documentos. - Arrastra toda la carpeta. Escanea recursivamente todos los subdirectorios, salta automáticamente archivos ocultos y
node_modules; puede procesar WebP mezclados con JPG, PNG, GIF, AVIF, HEIC, SVG a la vez. - No necesitas ajustar parámetros. Usa el codificador libwebp de Google, calidad 75, esfuerzo de codificación 4, consistente con los valores predeterminados de Squoosh; el canal transparente se conserva con la máxima calidad, sin bordes difusos en fondos transparentes.
- No fuerza si no puede comprimir más. Si después de re-codificar no se reduce el tamaño (tasa de compresión inferior al 0,4%), se marca como 'ya es mínimo' y se guarda el archivo original, no te entrega un archivo más grande, y no se consume la cuota gratuita.
- Puedes arrepentirte. La imagen original se mueve a la papelera por defecto; si no te gusta alguna, haz clic derecho en 'Volver al original'.
- Funciona localmente en todo momento, los recursos no se suben a ningún servidor.
👉 Descarga ImgZilla en Mac App Store
Otras plataformas: Caesium o TinyPNG
- Caesium Image Compressor: gratuito y de código abierto, disponible en Windows, macOS, Linux, soporta compresión por lotes de WebP, puedes establecer calidad y si conservar metadatos.
- TinyPNG: herramienta web, también soporta WebP. Solo arrastra, pero la versión gratuita tiene límites de cantidad y tamaño; las imágenes se suben al servidor de la otra parte.
Escenario 3: WebP dinámico
Las animaciones se dividen en dos necesidades:
Convertir GIF a WebP dinámico: usa la herramienta oficial de Google gif2webp (junto con cwebp en el paquete de herramientas libwebp, en Mac brew install webp es suficiente). La misma animación, el WebP dinámico suele ser mucho más pequeño que el GIF.
bash
gif2webp -q 75 -m 6 input.gif -o output.webp
Ya tienes WebP dinámico y quieres comprimirlo más: muchas herramientas dan error con animaciones o solo conservan el primer fotograma. ImgZilla soporta la re-compresión de WebP dinámico — re-codifica fotograma por fotograma, manteniendo el número de fotogramas, duración, bucles y tamaño del lienzo; la animación sigue siendo la misma, solo el archivo es más pequeño. Al igual que con las imágenes estáticas, si no se puede comprimir más, se marca como 'ya es mínimo' y se guarda el original.
Escenario 4: Debe mantener los píxeles idénticos
Los recortes de UI deben coincidir estrictamente con la maqueta, las capturas de pantalla requieren comparación por píxel, los recursos se editan después — en estos casos se necesita sin pérdida.
Usando cwebp:
bash
Puro sin pérdida
cwebp -lossless -z 9 input.png -o output.webp
Casi sin pérdida: píxeles con cambios mínimos, pero mucho más pequeño que puro sin pérdida, ideal para capturas y UI
cwebp -near_lossless 60 input.png -o output.webp
Nota: ImgZilla usa codificación con pérdida para WebP de forma uniforme, incluso si el WebP original era sin pérdida. El tamaño suele reducirse notablemente, pero los píxeles ya no son idénticos. Además, elimina los metadatos (incluido el perfil de color) de los WebP; las imágenes sRGB normales no se ven afectadas, pero las con perfiles de gama amplia como Display P3 pueden mostrar ligeras diferencias en software de gestión de color. Para imágenes con requisitos estrictos de píxeles y color, usa cwebp o selecciónalas antes de comprimir.
Resumen en una tabla
| Lo que quieres hacer | Recomendado | Alternativa |
|---|---|---|
| Convertir JPG / PNG por lotes a WebP | XnConvert | cwebp, sharp (flujo de construcción) |
| Probar parámetros, imagen individual | Squoosh | — |
| Comprimir WebP existente en su lugar (Mac) | ImgZilla | Caesium |
| Comprimir WebP existente (Windows / Linux) | Caesium | TinyPNG |
| Convertir GIF a WebP dinámico | gif2webp | — |
| Comprimir WebP dinámico existente | ImgZilla | Escribir script con libwebp manualmente |
| Debe mantener píxeles idénticos | cwebp -lossless / -near_lossless |
— |
Enlaces de descarga
| Herramienta | Plataforma | Precio | Descarga |
|---|---|---|---|
| ImgZilla | macOS 12.3+ | Gratis 10 por día | Mac App Store |
| XnConvert | Windows / macOS / Linux | Gratis personal | xnview.com |
| Caesium Image Compressor | Windows / macOS / Linux | Gratis y de código abierto | saerasoft.com |
| cwebp / gif2webp / webpinfo | Línea de comandos | Gratis y de código abierto | Descarga oficial de Google, Mac: brew install webp |
| sharp | Node.js | Gratis y de código abierto | sharp.pixelplumbing.com, npm install sharp |
| Squoosh | Web | Gratis | squoosh.app |
| TinyPNG | Web | Gratis con límites | tinypng.com |
Al final
WebP en sí ya es un formato muy eficiente. Si tus WebP se generan con parámetros razonables en tu CDN o herramientas de construcción, el espacio para comprimir puede ser limitado; ver 'ya es mínimo' es normal. Lo que realmente ahorra mucho suele ser archivos exportados con alta calidad, convertidos de PNG sin pérdida, o convertidos directamente de GIF sin procesar más.
Usa webpinfo para ver claro qué tienes, y luego elige la herramienta según el escenario; es mucho más rápido que probar entre diez herramientas.
ImgZilla actualmente solo soporta macOS (12.3 y superior), disponible en Mac App Store. La versión gratuita permite comprimir 10 imágenes al día; solo se cuenta si la compresión es exitosa — arrastra una carpeta llena de WebP y verás cuánto ahorras.
}