JPG, PNG, WebP, HEIC y AVIF: cuál usar y por qué
Una decisión que se toma mal casi siempre, y que explica la mitad de los problemas de peso y de calidad.
Los formatos de imagen no son intercambiables ni «unos mejores que otros». Cada uno resuelve un problema distinto, y elegir mal cuesta megabytes o cuesta nitidez. La distinción que de verdad ordena todo es la primera.
Con pérdida o sin pérdida
Un formato con pérdida (JPG, WebP en su modo habitual, HEIC, AVIF) tira información que el ojo no suele notar, y a cambio consigue archivos mucho más pequeños. Un formato sin pérdida (PNG, WebP sin pérdida) reconstruye la imagen exactamente como entró.
De ahí sale la consecuencia que más daño hace en la práctica: la pérdida se acumula. Cada vez que abres un JPG, lo editas y lo vuelves a guardar como JPG, pierdes un poco más. Cinco o seis ciclos y aparecen manchas y bordes sucios. Convertir un JPG a PNG no arregla nada: conserva perfectamente el daño que ya tenía.
Los cinco formatos, en corto
| Formato | Para qué sirve de verdad |
|---|---|
| JPG | Fotografías. Compatible con absolutamente todo, desde 1992. No admite transparencia. Sigue siendo la respuesta correcta cuando la foto tiene que abrirse sí o sí en cualquier sitio. |
| PNG | Capturas de pantalla, logotipos, dibujos con líneas nítidas y todo lo que necesite transparencia. Sin pérdida. En una fotografía es mala idea: puede pesar cinco o diez veces más que el JPG equivalente sin verse mejor. |
| WebP | El equilibrio actual para la web. Suele pesar entre un 25 % y un 35 % menos que un JPG de calidad parecida, admite transparencia y también modo sin pérdida. Lo abren todos los navegadores desde 2020. |
| HEIC | Lo que graba el iPhone por defecto desde iOS 11. Comprime muy bien, pero fuera del mundo Apple da problemas constantes: Windows pide un códec y muchos formularios oficiales lo rechazan. |
| AVIF | El más eficiente de todos, sobre todo a calidades bajas. Su pega es el tiempo de codificación y que el soporte en programas de escritorio va por detrás del de los navegadores. |
Reglas que funcionan
- ¿Es una foto y va a la web? WebP. Si necesitas máxima compatibilidad, JPG.
- ¿Tiene texto, líneas finas o fondo transparente? PNG. Un JPG convierte el texto nítido en un borrón con halos.
- ¿Es una captura de pantalla? PNG casi siempre.
- ¿Te lo pide un formulario oficial? JPG, y comprueba el peso máximo que admiten.
- ¿Vas a seguir editándola? Trabaja en PNG o en el formato del programa, y exporta a JPG o WebP solo al final, una vez.
El caso del iPhone
Es, con mucho, el problema más frecuente. Envías fotos desde el iPhone a un Windows, o las adjuntas a un trámite, y no se abren: son HEIC.
Tienes dos salidas. La preventiva: Ajustes › Cámara › Formatos › Más compatible, y el móvil pasa a grabar en JPG directamente. Pierdes algo de eficiencia y ganas no volver a pensar en esto. La otra es convertir las que ya tienes: para eso está HEIC a JPG.
Qué significa «calidad 80»
Al exportar un JPG o un WebP eliges un número del 1 al 100. No es un porcentaje de nada: es cuánta información se tira. Como referencia práctica:
- 90–100: prácticamente indistinguible del original. Archivos grandes. Tiene sentido para impresión o para una foto que vas a seguir editando.
- 75–85: el rango sensato para la web. En una foto normal casi nadie ve la diferencia con el original, y el archivo baja muchísimo.
- 50–70: se empieza a notar en cielos, degradados y zonas de color plano, que es donde primero aparecen los bloques.
- Menos de 50: visible. Solo para miniaturas muy pequeñas.
Si tienes que bajar el peso de una imagen, casi siempre es mejor reducir las dimensiones que hundir la calidad. Una foto de 4000 píxeles de ancho mostrada en un espacio de 800 está desperdiciando el 96 % de sus píxeles. Bajarla a 1200 de ancho a calidad 85 se ve mejor y pesa menos que dejarla enorme a calidad 40.
Herramientas de esta guía
- Convertir imagenPNG, JPG y WebP en cualquier sentido, por lotes.
- HEIC a JPGAbre las fotos del iPhone en Windows, Android o cualquier formulario.
- Comprimir imagenBaja el peso sin que se note, con antes y después.
- Redimensionar redesMedidas exactas de Instagram, TikTok, LinkedIn y YouTube.
Otras guías
- Qué revelan tus fotos sin que lo sepas — dónde estabas, con qué cámara, y qué redes lo borran
- Por qué tu PDF pesa 40 MB y qué hacer — casi siempre es un escaneo, y casi nunca lo que crees
- Cómo una web edita tus archivos sin subirlos — qué es WebAssembly y cómo comprobar que no se sube nada