PNG, JPG, WebP o HEIC: qué formato de imagen elegir en cada caso
Elegir mal el formato de una imagen cuesta calidad, peso o compatibilidad, y casi siempre las tres cosas a la vez. Esta guía explica en lenguaje llano en qué se diferencia cada formato y cuál conviene en cada situación.
La diferencia de fondo: con pérdida y sin pérdida
Una imagen digital es una cuadrícula de píxeles y cada píxel es un color. Guardarla tal cual ocuparía muchísimo, así que todos los formatos la comprimen. Lo importante es cómo lo hacen.
Un formato sin pérdida (PNG, y WebP en su modo sin pérdida) reorganiza los datos de forma más compacta, pero al descomprimir recuperas exactamente los mismos píxeles. Un formato con pérdida (JPG, WebP con pérdida, AVIF, HEIC) descarta información que el ojo humano percibe menos: pequeñas variaciones de color o detalles muy finos. A cambio, el archivo pesa una fracción.
En el caso de JPG, la imagen se divide en bloques de 8×8 píxeles que se simplifican por separado. Con mucha compresión aparecen los típicos artefactos: cuadrículas visibles y halos alrededor del texto o de los bordes marcados. Y hay un detalle que se pasa por alto: cada vez que abres un JPG y lo vuelves a guardar con pérdida, se degrada un poco más. Por eso conviene conservar siempre el original.
JPG: el estándar para fotografías
JPG funciona muy bien con fotografías, que tienen gradientes suaves y miles de colores. Lo abre cualquier dispositivo, programa o web desde hace décadas. Sus límites: no admite transparencia y trata mal las imágenes con líneas finas, texto o colores planos (capturas de pantalla, logotipos, gráficos), donde los artefactos se notan enseguida.
Como regla práctica, una calidad entre el 75 % y el 85 % ofrece un buen equilibrio: el archivo se reduce de forma notable sin que la diferencia sea evidente a simple vista. Por encima del 90 % el peso crece mucho para una mejora que casi nadie percibe.
PNG: nitidez y transparencia
PNG no pierde información y admite un canal de transparencia (alfa), por lo que es el formato natural para logotipos, iconos, capturas de pantalla, gráficos con texto y cualquier imagen que deba superponerse sobre otro fondo. Su inconveniente es el peso: una fotografía guardada en PNG suele pesar varias veces más que en JPG sin aportar ventaja visual real.
WebP: el relevo moderno
WebP, desarrollado por Google, admite compresión con y sin pérdida, transparencia e incluso animación. Según los datos publicados por Google, sus archivos con pérdida son entre un 25 % y un 34 % más pequeños que un JPG de calidad visual comparable. Hoy lo soportan todos los navegadores actuales, así que para la web es una elección excelente. Su límite está fuera del navegador: algunos programas antiguos de edición o de impresión aún no lo reconocen.
AVIF: más compresión, más lentitud
AVIF comprime todavía mejor que WebP, sobre todo en imágenes con degradados, y tiene buen soporte en navegadores recientes. A cambio, codificarlo es más lento y la compatibilidad fuera de la web es menor. En kitbox no ofrecemos exportación a AVIF; si lo necesitas, conviene usar una herramienta de línea de comandos o un editor que lo incluya.
HEIC/HEIF: el formato por defecto del iPhone
Desde iOS 11, los iPhone guardan las fotos en HEIC, un formato que usa la compresión de vídeo HEVC y logra, aproximadamente, la mitad de tamaño que un JPG con calidad similar. El problema es la compatibilidad: muchas webs, formularios y programas de Windows o Android no lo aceptan, y por eso aparece el típico «formato de archivo no admitido» al subir una foto.
Tienes dos salidas. La primera es cambiar el ajuste en el iPhone (Ajustes › Cámara › Formatos › Más compatible), de modo que las fotos nuevas se guarden en JPG. La segunda es convertir las que ya tienes: el conversor de kitbox lee HEIC y HEIF en tu navegador y las pasa a JPG o PNG sin subirlas a ningún servidor.
SVG: cuando la imagen es en realidad un dibujo
SVG no es una cuadrícula de píxeles, sino una descripción matemática de formas y trazos. Por eso se ve nítido a cualquier tamaño y suele pesar muy poco. Es ideal para logotipos, iconos e ilustraciones sencillas, pero no sirve para fotografías.
Comparativa rápida
| Formato | Compresión | Transparencia | Mejor para |
|---|---|---|---|
| JPG | Con pérdida | No | Fotografías, compatibilidad máxima |
| PNG | Sin pérdida | Sí | Logotipos, capturas, gráficos con texto |
| WebP | Ambas | Sí | Imágenes para la web |
| AVIF | Ambas | Sí | Web, cuando importa cada kilobyte |
| HEIC | Con pérdida | Sí | Almacenar fotos en el iPhone |
| SVG | Vectorial | Sí | Logotipos e iconos escalables |
Cómo decidir en treinta segundos
- ¿Es una fotografía? JPG o WebP. Si debe abrirse en cualquier sitio, JPG.
- ¿Necesita fondo transparente? PNG o WebP.
- ¿Tiene texto, líneas finas o colores planos? PNG, o SVG si puedes conseguir el original vectorial.
- ¿Es para tu propia web? WebP, con JPG como alternativa si necesitas máxima compatibilidad.
- ¿Viene de un iPhone y no se puede subir? Conviértela a JPG.
Errores frecuentes al convertir
- Pasar un JPG a PNG para «mejorar la calidad». No funciona: la información que el JPG ya perdió no se recupera. Solo conseguirás un archivo más grande.
- Convertir una y otra vez. Cada paso por un formato con pérdida acumula degradación. Parte siempre del original.
- Pasar un PNG con transparencia a JPG. JPG no tiene canal alfa, así que las zonas transparentes se rellenan con un color de fondo (en kitbox, blanco).
- Usar PNG para fotos de una web. Es la causa más común de páginas lentas; consulta nuestra guía para reducir el peso de las imágenes.
Privacidad y metadatos
Las fotos suelen llevar metadatos EXIF: modelo de cámara, fecha e incluso coordenadas GPS. Al convertir una imagen con el lienzo del navegador, como hace kitbox, la imagen se vuelve a codificar desde los píxeles y esos metadatos no se copian al archivo resultante. Es un efecto secundario útil si vas a publicar una foto, pero también significa que no debes usar la conversión si necesitas conservar esa información.
Además, al hacerse todo en tu dispositivo, la imagen no viaja a ningún servidor: algo especialmente relevante con documentos, fotos de menores o capturas con datos personales.
Guías relacionadas
Este artículo tiene carácter informativo y se revisa de forma periódica. Si detectas un error o quieres proponer un tema, escríbenos desde la página de contacto.