El problema de los formatos de imagen
Tienes un JPG. Alguien te dice que uses WebP. Otro dice que AVIF es mejor. Tu diseñador manda un PNG. Tu CMS quiere todo en WebP. Tu cliente de correo se rompe si no es JPG.
Acabemos con esto de una vez por todas.
Los formatos explicados
JPEG (JPG) — El fiable de siempre
Inventado en 1992. Sigue siendo el formato de imagen más usado en la web.
- Compresión: buena (solo con pérdida)
- Transparencia: no
- Soporte navegador: 100%
- Ideal para: fotografías, imágenes con degradados, email, todo lo que necesita compatibilidad universal
- No para: imágenes con texto, logos, capturas de pantalla (aparecen artefactos de compresión)
Regla básica: ante la duda y cuando la compatibilidad importa, usa JPG.
PNG — Calidad sin pérdida con transparencia
- Compresión: sin pérdida (archivos más grandes que JPG para fotos)
- Transparencia: sí (canal alfa)
- Soporte navegador: 100%
- Ideal para: logos, iconos, capturas de pantalla, imágenes con texto, todo lo que necesite fondo transparente
- No para: fotografías (archivos 3–5× más grandes que el JPG equivalente)
Regla básica: cuando necesitas transparencia o nitidez pixel-perfect, usa PNG.
WebP — La mejora de Google sobre JPG y PNG
Lanzado por Google en 2010. Diseñado para reemplazar tanto JPG como PNG.
- Compresión: 25–35% más pequeño que JPG (misma calidad), 20–30% más pequeño que PNG
- Transparencia: sí
- Animación: sí (reemplaza GIF)
- Soporte navegador: 97%+ (todos los navegadores modernos — Chrome, Firefox, Safari 14+, Edge)
- Ideal para: imágenes web donde controlas el entorno del navegador
- No para: email (muchos clientes no lo admiten), apps para dispositivos más antiguos
El truco: Safari solo añadió soporte WebP en 2020. Si tienes usuarios en iOS 13 o Safari antiguo, necesitas un fallback JPG.
AVIF — El nuevo campeón
Basado en el códec de vídeo AV1. Lanzado alrededor de 2019, ampliamente soportado desde 2022.
- Compresión: 50% más pequeño que JPG a calidad equivalente — el mejor disponible
- Transparencia: sí
- Animación: sí
- Soporte navegador: ~93% (Chrome, Firefox, Safari 16+, Edge — no IE, no dispositivos antiguos)
- Ideal para: imágenes web donde importa la máxima compresión, audiencias modernas
- No para: herramientas que aún no lo admiten (Photoshop añadió soporte en 2023, algunos CMS todavía no)
El truco: la codificación es lenta (10–20× más lento que WebP). Para conversión masiva, usa una herramienta.
GIF — Usa mejor WebP o vídeo
Los GIF tienen 30 años. Son de 8 bits, limitados a 256 colores por fotograma, y desproporcionadamente pesados.
Un GIF de 5 MB puede ser un WebP animado de 300 KB o un MP4 de 200 KB. En 2026 casi no hay razón para usar GIF, salvo en plataformas que lo requieran específicamente.
Tabla comparativa de formatos
| Formato | Tamaño archivo | Transparencia | Animación | Soporte | Mejor para |
|---|---|---|---|---|---|
| JPG | Referencia | No | No | 100% | Fotos, email |
| PNG | 3–5× JPG | Sí | No | 100% | Logos, capturas |
| WebP | −30% JPG | Sí | Sí | 97% | Fotos e iconos web |
| AVIF | −50% JPG | Sí | Sí | 93% | Web moderno, compresión máxima |
| GIF | 10–20× WebP | Parcial | Sí | 100% | Solo compatibilidad legacy |
Qué formato usar: guía de decisión
Para una foto en tu web → AVIF (con fallback WebP para navegadores más antiguos). En HTML:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="...">
</picture>
Para un logo con fondo transparente → WebP o PNG. WebP es un 30% más ligero; usa PNG si necesitas 100% de compatibilidad.
Para email → JPG siempre. Los clientes de correo son un caos; JPG es el único formato realmente seguro.
Para una página de producto con muchas imágenes → AVIF. La diferencia de compresión (50% vs JPG) tiene un impacto real en el tiempo de carga y los Core Web Vitals.
Para reemplazar un GIF en tu web → Animación WebP o MP4. Vídeo a GIF crea animaciones compatibles con WebP; la mayoría de los reproductores modernos manejan bucles MP4 sin problemas.
Para subir a redes sociales → JPG. Instagram, Twitter/X, Facebook recomprimen tu imagen de todas formas.
El ángulo SEO
Google PageSpeed Insights y los Core Web Vitals penalizan específicamente las imágenes demasiado pesadas. Pasar de JPG a WebP/AVIF en un sitio con 50+ imágenes puede mejorar significativamente tu puntuación LCP (Largest Contentful Paint).
Una imagen hero JPG de 400 KB = WebP de 280 KB = AVIF de 200 KB. El resultado visual es idéntico. El tiempo de carga no.
Convierte tus imágenes ahora
Conversor de imágenes convierte entre PNG, JPG, WebP, AVIF y más — procesamiento por lotes, gratis. Sin cuenta requerida.
Para comprimir sin cambiar de formato: Compresor de imágenes reduce el tamaño preservando la calidad y el formato.