Cómo convertir JPG a WebP sin perder calidad

Publicado el 28 de septiembre de 2026 · Lectura de 5 minutos

Convertir tus fotos de JPG a WebP es, probablemente, la optimización de mayor rendimiento que puedes aplicar a un sitio web con menos de cinco minutos de trabajo. En la mayoría de pruebas reales, una fotografía de 2 MB en JPG pasa a pesar entre 300 y 700 KB en WebP manteniendo una calidad visual prácticamente idéntica. Aquí te explicamos cómo hacerlo bien, con qué nivel de calidad trabajar y cómo comprobar que no has perdido nitidez.

Puedes hacerlo aquí mismo: usa el conversor de imágenes a WebP de este sitio. Es gratuito, no requiere registro y todo el proceso ocurre en tu navegador sin subir archivos.

Paso 1: prepara las imágenes

Antes de convertir, conviene tener las imágenes con el tamaño final que se va a mostrar en pantalla. Sirve de poco convertir una foto de 4000 px de ancho para un carrusel que se muestra a 800 px: el navegador tendrá que descargar y decodificar píxeles que nadie verá.

Si tu imagen es más grande que el espacio donde se mostrará, reduce primero sus dimensiones. En nuestro conversor puedes activar «Redimensionar» y fijar un ancho máximo (1920 px es un valor seguro para banners de portada y 1200 px para contenido de artículo), manteniendo la proporción activada.

Paso 2: elige el nivel de calidad correcto

La calidad es la variable que más pesa en el resultado. Como referencia práctica:

85%: fotografía de producto o imágenes donde la fidelidad es prioritaria. Peso algo mayor.
80%: punto óptimo recomendado. Diferencia visual imperceptible en pantalla normal y ahorro máximo.
70-75%: imágenes decorativas, fondos o miniaturas pequeñas.
Por debajo del 60%: solo si la imagen es prescindible; aparecerán artefactos evidentes en degradados y bordes.

Un detalle importante: convertir dos veces (JPG → WebP → WebP) degrada la imagen. Siempre parte del archivo original. Nuestro conversor reconvierte desde el JPG original en cada cambio de ajustes, por eso puedes mover el slider sin miedo a acumular pérdida.

Paso 3: convierte y comprueba en la vista previa

Arrastra los archivos al área de carga, ajusta la calidad y espera la lista de resultados. Cada tarjeta muestra el peso original, el peso final, las dimensiones y el porcentaje de ahorro: en imágenes fotográficas es habitual superar el 60-70%.

Haz clic en la miniatura para abrir la comparación lado a lado: original contra WebP a la misma escala. Busca zonas críticas: pelo, texto pequeño, degradados del cielo y bordes de alto contraste. Si ahí no se distingue diferencia, la calidad es correcta.

Paso 4: implementa WebP en tu web con respaldo

La web más extensa sigue teniendo clientes antiguos, crawlers con poca capacidad o navegadores corporativos. La etiqueta <picture> te da compatibilidad total sin renunciar al ahorro:

<picture>
  <source srcset="producto.webp" type="image/webp">
  <img src="producto.jpg" alt="Producto de ejemplo"
       width="800" height="600" loading="lazy">
</picture>

Si usas WordPress o WooCommerce, el artículo sobre imágenes en e-commerce explica cómo automatizar este paso sin editar plantillas a mano.

Errores frecuentes al convertir JPG a WebP

Calidad al 100%. WebP al 100% puede ser incluso más pesado que el JPG original. No tiene sentido.
Olvidar el texto alternativo. El alt descriptivo sigue siendo imprescindible para accesibilidad y SEO de imágenes.
No declarar ancho y alto. Provoca saltos de layout que perjudican el CLS.
Convertir capturas de pantalla con texto. Para imágenes con texto fino, sube la calidad al 90% o usa PNG si el texto debe ser 100% legible.
Ignorar el formato de origen. Partir de un JPG ya muy comprimido multiplica los artefactos: guarda siempre el máster original en calidad alta.

Cómo medir el impacto real

Antes y después de la conversión, mide tu página con PageSpeed Insights. Busca la métrica LCP (Largest Contentful Paint): si tu elemento más grande es una fotografía, reducir su peso se traduce casi siempre en una mejora inmediata. También verás cómo desaparece el aviso «servir imágenes en formatos de próxima generación».

Para un caso concreto de mejora de velocidad, consulta nuestra guía sobre cómo mejorar el LCP, y para entender por qué WebP gana a JPG, lee la comparativa WebP vs AVIF. Si tu caso son gráficos o fotos de producto, también te interesará la comparativa PNG vs JPG.