Cómo Convertir Imágenes a Formato WebP: Guía Completa (2026)

Publicado el 28 de marzo de 2026 • 14 min de lectura

WebP te ahorra un 25-35% en tamaño de archivo comparado con JPEG y PNG sin pérdida visible de calidad. Si tienes un sitio web y aún no has cambiado, estás enviando bytes innecesarios en cada carga de página. Esta guía cubre todos los métodos prácticos para convertir tus imágenes a WebP — desde herramientas en línea de arrastrar y soltar hasta pipelines de compilación automatizados.

1. ¿Qué es WebP y Por Qué Deberías Usarlo?

WebP es un formato de imagen creado por Google en 2010, construido sobre tecnología del códec de video VP8. Fue diseñado con un objetivo: entregar la misma calidad visual que JPEG y PNG con tamaños de archivo significativamente menores. Y cumple esa promesa consistentemente.

En modo con pérdida, WebP produce archivos que son 25-34% más pequeños que archivos JPEG equivalentes con el mismo índice de calidad SSIM. En modo sin pérdida, las imágenes WebP son 26% más pequeñas que los PNG en promedio. Esos no son números teóricos — Google los probó en 1 millón de imágenes muestreadas aleatoriamente de la web para llegar a esas cifras.

Lo que hace a WebP particularmente útil es que maneja cosas que JPEG y PNG no pueden hacer individualmente. JPEG te da fotos pequeñas pero sin transparencia. PNG te da transparencia pero con tamaños de archivo grandes. WebP hace ambas cosas — compresión con pérdida con soporte completo de canal alfa. Una imagen de producto con fondo transparente que podría ser de 800KB como PNG puede reducirse a 150KB como WebP con pérdida con transparencia, y no notarás la diferencia.

WebP también soporta animación, lo que significa que puede reemplazar archivos GIF. Los archivos WebP animados son aproximadamente 64% más pequeños que GIFs equivalentes, con mejor profundidad de color (24-bit vs la paleta de 8-bit de GIF). Si todavía usas GIFs para animaciones cortas o demos de UI, WebP es una mejora directa.

El impacto práctico es directo: cargas de página más rápidas, menores costos de ancho de banda y mejores puntuaciones de Core Web Vitals. Para un sitio típico de comercio electrónico con 50 imágenes de productos por página de categoría, cambiar de JPEG a WebP puede reducir la carga de imágenes de 3MB a menos de 2MB — ahorrando 1-2 segundos del tiempo de carga en conexiones móviles.

2. Compatibilidad de WebP con Navegadores en 2026

La compatibilidad con navegadores fue la razón principal por la que la gente dudaba en adoptar WebP durante años. Esa preocupación ahora es irrelevante. A principios de 2026, WebP es compatible con más del 97% de los navegadores en uso globalmente, según datos de Can I Use.

Este es el estado actual:

El único navegador que nunca soportó WebP es Internet Explorer 11, que Microsoft retiró oficialmente en junio de 2022. La cuota de uso global de IE11 ahora está por debajo del 0.15%. A menos que tus analíticas muestren tráfico significativo de IE11 (verifica — casi con certeza no lo hace), puedes servir WebP sin ninguna alternativa y estar bien.

Dicho esto, implementar una alternativa es trivial usando el elemento HTML <picture>, y no te cuesta nada en términos de rendimiento. Cubriremos eso en la sección de alternativas más abajo. Para la mayoría de los sitios, sin embargo, puedes usar WebP con confianza como tu formato de imagen web principal y único en 2026.

La adopción de Safari en 2020 fue el punto de inflexión. Antes de eso, aproximadamente el 15-20% de los usuarios web (iOS Safari + macOS Safari) no podían ver imágenes WebP. Ahora todas las plataformas principales — escritorio, móvil, tableta — manejan WebP nativamente.

3. Ajustes de Calidad de WebP Explicados

Obtener el ajuste de calidad correcto es la diferencia entre "ahorré 10% de tamaño de archivo" y "ahorré 40% de tamaño de archivo". El parámetro de calidad de WebP funciona diferente al de JPEG, y entender los matices te ayudará a tomar mejores decisiones.

Calidad de WebP con Pérdida (la bandera -q)

La escala de calidad de WebP va de 0 a 100, similar a JPEG. Pero el algoritmo de compresión es más eficiente, así que un WebP con calidad 80 típicamente se ve tan bien como un JPEG con calidad 85-90. El punto óptimo para la mayoría del contenido fotográfico es calidad 75-85. Esto es lo que cada rango realmente significa en la práctica:

• Calidad 90-100: Apenas hay compresión. Los archivos son solo 10-15% más pequeños que el original. Útil solo para imágenes principales donde cada detalle importa y ya estás optimizando en otros lugares.
• Calidad 75-85: El punto óptimo práctico. Ahorrarás 30-45% comparado con un JPEG equivalente, y la diferencia visual es imperceptible para la mayoría de las personas, incluso en pantallas retina. Comienza aquí.
• Calidad 60-74: Suavizado notable en inspección cercana, pero perfectamente aceptable para miniaturas, imágenes de fondo y contenido donde los usuarios no harán zoom.
• Calidad por debajo de 60: Artefactos visibles. Usa esto solo para miniaturas muy pequeñas o imágenes de marcador de posición.

WebP Sin Pérdida

El modo sin pérdida preserva cada píxel exactamente. No hay control deslizante de calidad — la salida es matemáticamente idéntica a la entrada. Usa WebP sin pérdida para capturas de pantalla, diagramas, logotipos, elementos de UI y cualquier imagen con bordes nítidos, texto o áreas de color plano. Los archivos WebP sin pérdida son típicamente 26% más pequeños que PNGs equivalentes.

Modo Casi Sin Pérdida

Esta es la joya oculta de WebP que la mayoría de las guías omiten. El modo casi sin pérdida (activado con -near_lossless en cwebp) aplica un preprocesamiento mínimo a la imagen antes de la compresión sin pérdida. El preprocesamiento modifica ligeramente los valores de píxeles en áreas donde el cambio es invisible, lo que mejora dramáticamente la compresión. Un WebP casi sin pérdida en nivel 60 puede ser 40-50% más pequeño que un WebP sin pérdida estándar, con cambios que son literalmente invisibles al ojo humano. Es ideal para capturas de pantalla y gráficos donde quieres calidad casi perfecta con tamaños mucho menores que el verdadero sin pérdida.

Un detalle importante: el ajuste de calidad de WebP controla el equilibrio compresión-calidad, pero la bandera -m (método, 0-6) controla qué tan duro trabaja el codificador para encontrar la compresión óptima. Valores más altos producen archivos más pequeños pero toman más tiempo para codificar. Para procesamiento por lotes, -m 4 es un buen equilibrio. Para conversiones únicas donde quieres el máximo ahorro, usa -m 6.

4. Método 1: Convertir en Línea con ImgKit

Si necesitas convertir un puñado de imágenes rápidamente, un convertidor en línea es el camino más rápido. El convertidor de Imagen a WebP de ImgKit se ejecuta completamente en tu navegador — tus imágenes nunca salen de tu dispositivo, lo cual importa si estás trabajando con fotos de clientes o contenido sensible.

Así es como usarlo:

1. Abre la herramienta — Ve a img-kit.com/tools/image-to-webp/
2. Sube tus imágenes — Arrastra y suelta archivos en el área de carga, o haz clic para explorar. Puedes seleccionar múltiples archivos a la vez. La herramienta acepta entradas JPEG, PNG, GIF, BMP y TIFF.
3. Ajusta la calidad — Usa el control deslizante de calidad para establecer tu objetivo. La vista previa se actualiza en tiempo real para que puedas ver la salida antes de descargar. Comienza en 80 y bájalo hasta que notes pérdida de calidad, luego súbelo un nivel.
4. Descarga — Haz clic en el botón de descarga para obtener tus archivos WebP. Para múltiples imágenes, obtendrás un archivo zip.

El enfoque basado en navegador tiene un límite práctico alrededor de 50MB por imagen (dependiendo de la RAM de tu dispositivo). Para archivos más grandes o cientos de imágenes, usa el método de línea de comandos a continuación.

Una ventaja del enfoque en línea: puedes comparar visualmente antes y después lado a lado. Esto es más difícil de hacer con herramientas de línea de comandos, donde necesitarías abrir ambos archivos manualmente. Si estás tratando de encontrar el ajuste de calidad correcto para un tipo específico de imagen (fotos de productos, encabezados de blog, etc.), comienza con la herramienta en línea para ajustar tus configuraciones, luego usa esas configuraciones para procesamiento por lotes.

5. Método 2: Convertir con Línea de Comandos (cwebp)

La herramienta cwebp de Google es el codificador de referencia para WebP. Es gratuita, rápida y te da control completo sobre cada parámetro de codificación. Este es el método a usar para procesamiento por lotes o integrar la conversión WebP en scripts de compilación.

Instalación

# macOS
brew install webp

# Ubuntu/Debian
sudo apt install webp

# Windows (vía chocolatey)
choco install webp

Conversión Básica

# Convertir una sola imagen con calidad 80
cwebp -q 80 photo.jpg -o photo.webp

# Conversión sin pérdida
cwebp -lossless screenshot.png -o screenshot.webp

# Casi sin pérdida en nivel 60 (excelente para gráficos)
cwebp -near_lossless 60 diagram.png -o diagram.webp

Conversión por Lotes

Convertir cada JPEG en un directorio:

# Linux/macOS — convertir todos los JPEGs en la carpeta actual
for f in *.jpg; do
  cwebp -q 80 -m 4 "$f" -o "${f%.jpg}.webp"
done

# Incluir subdirectorios
find . -name "*.jpg" -exec sh -c 'cwebp -q 80 "$1" -o "${1%.jpg}.webp"' _ {} \;

# Convertir PNGs también
for f in *.png; do
  cwebp -q 85 -m 4 "$f" -o "${f%.png}.webp"
done

Banderas Útiles

• -q 80 — Calidad (0-100). Comienza en 80 para fotos.
• -m 4 — Método de compresión (0-6). Mayor = archivos más pequeños, codificación más lenta.
• -resize W H — Redimensionar durante la conversión. Usa 0 para una dimensión para mantener la relación de aspecto.
• -mt — Codificación multi-hilo. Más rápido en máquinas multi-núcleo.
• -short — Imprimir solo el tamaño del archivo (útil en scripts).
• -