Imágenes6 min de lectura

Cómo convertir imágenes a WebP para que tu web cargue más rápido

PageSpeed te marca en rojo las imágenes del blog y el cliente pregunta por qué la home tarda tres segundos en móvil. Tienes veinte JPG de producto a 800 KB cada uno. La solución más rápida sin rehacer fotos: convertir a webp y servir ese formato donde el navegador lo soporte.

WebP suele pesar menos que JPG a calidad similar, sobre todo en fotos con áreas uniformes. No sustituye buenas prácticas —tamaños razonables, lazy load— pero recorta megas de golpe. FORMARTIO convierte en el navegador, sin subir tus archivos a sitios raros.

Qué es WebP y por qué usarlo

Es un formato moderno de Google adoptado por Chrome, Firefox, Safari y Edge. Soporta compresión con y sin pérdida, y transparencia como PNG con menos peso en muchos casos.

Convertir a webp tiene sentido en tiendas online, portfolios y landings donde cada kilobyte suma en la primera carga. Para un adjunto de correo o un trámite, JPG sigue siendo más universal.

Paso a paso para convertir imágenes a WebP

  1. Abre Convertir a WebP en FORMARTIO.
  2. Sube una o varias imágenes JPG o PNG.
  3. Ajusta calidad si la herramienta lo permite —empieza en 80–85 para fotos.
  4. Genera los WebP y compara peso con el original.
  5. Descarga y sustituye en tu CMS o carpeta estática, conservando el JPG como respaldo.

Calidad vs peso: cómo no pasarte

Baja la calidad hasta que notes artefactos en zonas de piel o cielo; sube un punto y quédate ahí. A veces WebP a 75 % pesa la mitad que JPG a 85 % con aspecto casi igual.

Iconos y gráficos planos: prueba calidad alta o conversión sin pérdida si la opción existe. Fotos de producto con fondo blanco: WebP brilla porque comprime bloques lisos muy bien.

Convertir a webp en un flujo de publicación

Exporta desde Lightroom o Canva en JPG, pasa lote por FORMARTIO, sube WebP al servidor. Mantén nombres coherentes —producto-01.webp— para no mezclar versiones en el HTML.

Si tu plantilla WordPress o Next.js acepta WebP nativo, genial. Si no, algunos plugins generan variantes al vuelo; igual conviene tener el archivo ya optimizado en origen.

No olvides el atributo alt y dimensiones width/height en el markup. El formato ligero no arregla layout shift si no reservas espacio.

Cuándo NO convertir todo a WebP

Emails masivos: muchos clientes de correo no muestran WebP. Usa JPG ahí.

Archivos para imprenta o proveedores antiguos: piden TIFF o PDF, no WebP. Conoce el destino antes de convertir el master.

Imágenes que vas a editar diez veces más: trabaja en PNG o TIFF intermedio; WebP como entrega final, no como archivo de trabajo.

Prueba convertir a webp solo en las imágenes above-the-fold primero; mide mejora real en Lighthouse antes de migrar todo el blog histórico.

Compatibilidad en la práctica

Safari en iPhone soporta WebP desde versiones recientes; usuarios con dispositivos muy viejos pueden necesitar fallback JPG en el HTML con picture srcset. Conoce tu audiencia antes de eliminar por completo los JPG originales.

CDNs como Cloudflare pueden servir WebP on-the-fly; aun así, tener el archivo optimizado en origen reduce trabajo del edge y simplifica despliegues estáticos.

Si tu auditoría de velocidad se queja del peso de las imágenes, no reexportes todo el catálogo a mano. Convierte a WebP en FORMARTIO, compara calidad en pantalla y publica la versión ligera.