Cómo convertir imágenes a WebP y cuándo compensa

Convertir imágenes a WebP consiste en cambiar el formato de tus JPG y PNG por uno más eficiente. La ventaja es directa: el mismo aspecto ocupando bastante menos, lo que se traduce en páginas que cargan antes. Lo que hay que decidir es dónde usarlo y dónde no.

Qué es WebP y de dónde sale

WebP es un formato de imagen creado por Google y pensado específicamente para la web. Admite compresión con pérdida —como JPG—, sin pérdida —como PNG— y transparencia, algo que JPG nunca ha sabido hacer.

La idea detrás es sencilla: JPG es de los años noventa y PNG poco después. Desde entonces se ha aprendido bastante sobre cómo comprimir imágenes, y WebP aplica ese conocimiento.

Cuánto pesa menos exactamente

Esas cifras son de la fuente original y se refieren a una comparación con calidad equivalente. En la práctica, con imágenes reales, el ahorro depende del contenido: las fotos con mucho detalle ganan menos, y los gráficos planos, capturas y logotipos ganan muchísimo.

Por qué el peso de las imágenes importa

En una web normal, las imágenes son la mayor parte del peso de la página. Si consigues que pesen un tercio menos, la página carga antes en móvil, consumes menos ancho de banda y mejoras la experiencia sin tocar una línea de código.

Y sí, la velocidad influye en el posicionamiento. Pero antes que eso, influye en que la gente no se vaya. Una página que tarda en pintar la imagen principal pierde visitas por el camino.

Compatibilidad: ya no es un problema

Esta era la objeción histórica y hoy está superada. La propia documentación de WebP indica que el formato tiene soporte nativo en Chrome, Safari, Firefox, Edge y Opera, además de en numerosas bibliotecas y herramientas.

Dicho esto, si tu público incluye equipos muy antiguos, siempre puedes servir WebP con una alternativa de reserva mediante la etiqueta picture. La mayoría de gestores de contenido lo hacen solos.

Cuándo usar WebP y cuándo no

WebP es para lo que se publica en la web. Para archivo y para entregar a terceros, guarda siempre el original.

Cómo convertir imágenes a WebP

Hay tres caminos y todos son válidos según el volumen:

1. Un conversor en el navegador para una imagen o unas pocas. Es lo más rápido y no instalas nada.
2. Un plugin del gestor de contenidos si tienes una web con muchas imágenes ya subidas. Convierte y sirve WebP automáticamente.
3. Línea de comandos con las herramientas oficiales de WebP si manejas cientos de archivos y quieres control fino.

Para el uso diario, el primero cubre la inmensa mayoría de los casos. En nuestra suite de herramientas tenemos un conversor que trabaja con PNG, WEBP, PDF y JPG.

Qué calidad elegir al convertir

La mayoría de conversores te dan un control de calidad de cero a cien. Referencias que funcionan:

• 75-80 para fotos de web. Es el rango donde casi nadie nota diferencia respecto al original.
• 60-70 para imágenes de fondo o decorativas, donde el detalle no importa.
• Sin pérdida para capturas con texto, gráficos y cualquier cosa con líneas finas.

Baja la calidad, mira la imagen al tamaño real en el que se va a ver, y para cuando empieces a notar algo. No compares al doscientos por cien: nadie va a mirarla así.

Redimensiona antes de convertir

El error más caro no es elegir mal el formato: es subir una imagen de cuatro mil píxeles de ancho para mostrarla a ochocientos. Ahí estás desperdiciando la mayor parte del peso antes de que la compresión entre en juego.

Primero ajusta el tamaño al que realmente se va a ver —con margen para pantallas de alta densidad—, y luego convierte. En ese orden, el ahorro se multiplica.

Cuidado con la recompresión

Cada vez que conviertes una imagen con pérdida a otro formato con pérdida, pierdes un poco. Convertir un JPG ya comprimido a WebP y luego de vuelta a JPG deja rastro visible.

La regla es simple: convierte siempre desde el original de mayor calidad que tengas, no desde una versión ya optimizada. Y guarda ese original en algún sitio, que es exactamente el tipo de cosa que se pierde si no tienes un sistema. Lo tratamos en cómo organizar los archivos de un proyecto.

Nombres de archivo y texto alternativo

Aprovecha la conversión para poner orden. Nombres descriptivos con guiones en lugar de la cadena que le puso la cámara, y texto alternativo que describa lo que se ve.

No es un detalle menor: el texto alternativo es lo que leen los lectores de pantalla y lo que aparece cuando la imagen no carga. Y sí, también ayuda a que la imagen se entienda en búsquedas.

AVIF: el que viene detrás

AVIF comprime aún mejor que WebP en muchos casos, sobre todo en fotografía. Su soporte ha crecido bastante, aunque todavía va por detrás y la conversión es más lenta.

Recomendación práctica: si estás empezando a ordenar tus imágenes, ve a WebP, que es la opción segura y bien soportada. AVIF tiene sentido cuando ya tienes el flujo montado y quieres exprimir el último tramo.

Un flujo de trabajo que funciona

1. Guarda el original tal cual, en una carpeta que no toques.
2. Redimensiona una copia al tamaño real de publicación.
3. Convierte esa copia a WebP con calidad 75-80.
4. Renombra con un nombre descriptivo.
5. Sube y escribe el texto alternativo.

Cinco pasos, dos minutos por imagen la primera vez y treinta segundos cuando le cojas el ritmo.

Lo que WebP no arregla

No compensa una web con demasiadas imágenes, ni un servidor lento, ni un tema cargado de recursos que nadie usa. Es una pieza de un puzzle más grande.

Pero es una pieza barata y de efecto inmediato, y por eso suele ser lo primero que tocamos. Tienes más comparativas de herramientas en la sección de software, y si el problema es mover los originales pesados, en cómo enviar archivos grandes está la otra mitad. En Letaca lo aplicamos en todos los proyectos que gestionamos.

El caso concreto de una web con muchas imágenes

Si tienes una web con años de contenido, convertir a mano no es viable. La vía razonable es un plugin que convierta la biblioteca existente y sirva WebP automáticamente a los navegadores que lo admiten, dejando el original como reserva.

Dos avisos antes de lanzarlo: haz copia de seguridad de la carpeta de subidas antes de convertir en lote, y comprueba después una muestra de páginas para asegurarte de que ninguna imagen ha quedado rota. Las conversiones masivas fallan a veces con archivos que tenían algo raro de origen, y es mejor detectarlo el mismo día.

Qué mirar después de convertir

• El peso total de la página antes y después. Es la única medida que importa.
• La imagen principal de las páginas más visitadas, al tamaño real y en móvil.
• Los degradados y los cielos, que son donde primero aparecen bandas si te pasaste comprimiendo.
• Las capturas con texto, que necesitan modo sin pérdida y suelen ser las que peor quedan si se tratan como fotos.

Con esas cuatro comprobaciones sabes en cinco minutos si la conversión ha ido bien o si hay que subir la calidad un par de puntos y repetir.

Una última recomendación de método: cuando conviertas un lote, guarda en la misma carpeta una nota con la calidad que usaste y el tamaño al que redimensionaste. Dentro de unos meses, cuando tengas que añadir imágenes nuevas a esa misma página, querrás que encajen con las que ya están y no tendrás que reconstruir los ajustes de memoria. Es un minuto ahora y media hora menos después, y encaja con la misma lógica de trabajo que aplicamos a cualquier proyecto: dejar constancia de cómo se hizo algo para poder repetirlo igual sin volver a decidirlo todo desde cero.

Preguntas frecuentes

Letaca — Agencia de marketing digital. Edición de vídeo, miniaturas, gestión de redes y herramientas online.