Todo lo que necesitas saber para elegir el formato correcto en cada situación — transparencia, compresión, compatibilidad y cuándo usar cada uno.
Desarrollado por Google como sucesor de JPG y PNG. Usa compresión predictiva y transformadas para conseguir archivos hasta un 30% más pequeños que JPG manteniendo la misma calidad visual percibida.
El formato fotográfico más extendido del mundo. Usa compresión con pérdida basada en la transformada discreta del coseno (DCT), que reduce el tamaño eliminando información visual poco perceptible por el ojo humano.
Diseñado como sucesor libre de GIF. Usa compresión sin pérdida (DEFLATE), lo que garantiza que la imagen se reconstruye bit a bit. Soporta canal alfa de 8 bits para transparencia suave y gradientes.
Basado en el códec de vídeo AV1 de Alliance for Open Media. Ofrece la mejor relación calidad/tamaño disponible hoy: hasta 2× mejor compresión que JPG y mejor que WEBP. Su adopción está creciendo rápidamente.
Uno de los formatos más antiguos aún en uso. Su limitación a 256 colores lo hace inadecuado para fotografías, pero su amplio soporte y capacidad de animación lo mantienen relevante para gráficos simples y stickers.
Formato nativo de Windows sin compresión. Almacena cada píxel directamente, lo que resulta en archivos enormes pero con máxima compatibilidad con el ecosistema Microsoft y software de escritorio legacy.
| Formato | Compresión | Transparencia | Animación | Calidad fotográfica | Compatibilidad | Tamaño relativo |
|---|---|---|---|---|---|---|
| WEBP | Con/Sin pérdida | ✓ Sí | ✓ Sí | Excelente | 98%+ | ★★★★☆ |
| JPG | Con pérdida | ✗ No | ✗ No | Muy buena | 100% | ★★★☆☆ |
| PNG | Sin pérdida | ✓ Sí (8 bits) | ~ APNG | Perfecta | 100% | ★☆☆☆☆ |
| AVIF | Con/Sin pérdida | ✓ Sí | ✓ Sí | Excelente | ~90% | ★★★★★ |
| GIF | Sin pérdida (LZW) | ~ 1 bit | ✓ Sí | Mala (256 col.) | 100% | ★★☆☆☆ |
| BMP | Sin compresión | ~ Limitada | ✗ No | Perfecta | Windows | ☆☆☆☆☆ (mayor) |
El algoritmo funciona mejor con fondos de color uniforme (blanco, verde, azul). Ajusta la tolerancia entre 20–45: valores más altos eliminan más color pero pueden recortar el sujeto. El suavizado de 1–2 px elimina el efecto dientes de sierra en los bordes.
Cada red social tiene sus proporciones óptimas. Instagram feed: 1:1 o 4:5. Stories/Reels: 9:16. YouTube thumbnail: 16:9 (1280×720). LinkedIn banner: 4:1. Usar las proporciones correctas evita que la plataforma recorte automáticamente y de forma inesperada.
El equilibrio ideal es opacidad entre 30–50%. Demasiado baja y no se ve; demasiado alta y estorba. El modo mosaico con texto rotado -30° es el más difícil de eliminar digitalmente. Para logotipos, asegúrate de subir un PNG con fondo transparente.
Para e-commerce o redes sociales, el flujo ideal es: 1) Eliminar fondo → 2) Recortar a la proporción correcta → 3) Redimensionar al tamaño exacto → 4) Comprimir para reducir peso → 5) Añadir marca de agua si es necesario. Todo sin salir del navegador.
Ahora que conoces las diferencias, elige la herramienta que necesitas.
Esta guía se actualiza regularmente con información sobre el soporte de navegadores y las mejores prácticas para formatos de imagen en 2026.