Comparativa de formatos de imagen
Nueve formatos, y solo tres o cuatro merecen la pena para un proyecto nuevo. Esta tabla pone las diferencias una al lado de la otra, incluidas las que deciden si un formato sirve o no.
La tabla comparativa
Lee las cuatro primeras columnas para decidir si un formato puede hacer el trabajo; lee la última para decidir si es agradable de usar. La compatibilidad con navegadores es la columna que más a menudo descarta un formato, independientemente de sus méritos técnicos.
| Formato | Compresión | Transparencia | Animación | Profundidad de bits | Compatibilidad con navegadores | Ideal para |
|---|---|---|---|---|---|---|
| JPG | Solo con pérdida | No | No | 8 bits | Todos | Fotografías, máxima compatibilidad |
| PNG | Solo sin pérdida | Sí (alfa de 8 bits) | Sí (APNG) | 8 o 16 bits | Todos | Logotipos, capturas de pantalla, texto, transparencia |
| WebP | Con y sin pérdida | Sí | Sí | 8 bits | Todos los navegadores actuales | La opción moderna segura para la web |
| AVIF | Con y sin pérdida | Sí | Sí | 10 o 12 bits | Chrome, Edge, Firefox, Safari 16+ | Archivos más pequeños, HDR, degradados |
| GIF | Sin pérdida, 256 colores | Solo binaria | Sí | Paleta de 8 bits | Todos | Animaciones simples, gráficos pequeños |
| HEIC | Con y sin pérdida | Sí | Secuencias | 10 bits | Dispositivos Apple, códecs del sistema | Fotos de iPhone antes de exportarlas |
| TIFF | Normalmente sin pérdida | Sí | Varias páginas | Hasta 16 bits o más | Limitada (solo Safari) | Escaneos, originales de imprenta, archivos |
| BMP | Sin comprimir | Rara vez | No | 8/24/32 bits | Todos | Software antiguo de Windows |
| SVG | Vectorial (no ráster) | Sí | Sí (CSS/SMIL) | N/A (vectorial) | Todos | Logotipos, iconos, diagramas, todo lo escalable |
Lo que te cuesta cada formato
Comparar tamaños es la forma más fácil de elegir mal, porque depende de la imagen. El orden, sin embargo, es estable: AVIF el más pequeño, luego WebP, luego JPG, con PNG muy por detrás en fotografías y muy por delante en gráficos planos.
- JPG: el formato con pérdida más pequeño que todo el mundo puede abrir, a cambio de color de 8 bits y nada de transparencia
- PNG: sin pérdida y con transparencia, pero una fotografía guardada como PNG pesa varias veces más que la misma foto en JPG
- WebP: un 25-35 % más pequeño que JPG con la misma calidad visible, y con transparencia: la opción por defecto para sitios web
- AVIF: un 25-50 % más pequeño que JPG, mejor en el rango de calidad baja donde el JPG se desmorona, pero lento de codificar
- HEIC: más o menos la mitad del tamaño de un JPG equivalente y con mejor color, pero casi nada fuera de Apple lo abre
- GIF: limitado a 256 colores, y por eso solo sobrevive para animaciones simples
- TIFF y BMP: sin comprimir o con compresión ligera, así que son formatos de archivo e intermedios, no de entrega
- SVG: vectorial basado en texto e independiente de la resolución, que es otra categoría: no puede guardar una fotografía
Qué se pierde en cada conversión
La dirección de una conversión decide qué sobrevive. Pasar a un formato con menos capacidades siempre descarta algo, y volver atrás nunca lo recupera.
| Conversión | Tamaño | Calidad | Qué se pierde |
|---|---|---|---|
| Cualquiera → JPG | Más pequeño | Pérdida ligera | La transparencia se vuelve blanca; el color de 10 bits baja a 8 bits |
| Cualquiera → PNG | Mucho más grande en fotos | Ninguna pérdida más | La animación (salvo APNG) y los metadatos |
| Cualquiera → WebP | Más pequeño | Pérdida ligera (si es con pérdida) | Compatibilidad con software de escritorio antiguo |
| Cualquiera → AVIF | El más pequeño | Pérdida ligera | Compatibilidad con editores; en los navegadores, solo Chromium puede codificar |
| JPG → PNG | Mucho más grande | Ninguna mejora | No se recupera nada: el detalle ya se había perdido |
| PNG → JPG | Mucho más pequeño | Pérdida ligera | La transparencia y cualquier profundidad de 16 bits |
| GIF → PNG/JPG | Más pequeño | Ninguna pérdida más | Todos los fotogramas menos el primero |
Citar esta página
Puedes citarla libremente. Copia la referencia o enlaza directamente a esta página.
PicConv. "Comparativa de formatos de imagen". https://picconv.com/es/resources/image-format-comparison/ (accessed 2026-11-01).
Tools that use this
Convertir JPG a WebP
Convierte JPG a WebP online y reduce el archivo un 25-35 % sin cambios visibles. Sin subir archivos, sin registro y sin marca de agua.
→Convertir PNG a AVIF
Convierte PNG a AVIF online, el formato de imagen web más pequeño, con transparencia. Sin subir archivos, sin registro y sin marca de agua.
→Convertir AVIF a JPG
Convierte AVIF a JPG online para programas y formularios que rechazan AVIF. Sin subir archivos, sin registro y sin marca de agua.
→Convertir HEIC a WebP
Convierte fotos HEIC del iPhone a WebP en el navegador: suelen pesar un 25-35 % menos que JPG y admiten transparencia. Sin subir archivos y sin registro.
→Preguntas frecuentes
¿Qué formato debería usar para una web?
WebP como opción por defecto, y AVIF con una alternativa WebP o JPG si controlas el marcado y quieres los archivos más pequeños. Guarda los originales en el formato en que llegaron.
¿El PNG tiene mejor calidad que el JPG?
El PNG no tiene pérdida, así que nunca pierde calidad, pero eso solo importa en gráficos, capturas de pantalla y ediciones repetidas. Para una fotografía, el PNG es varias veces más grande que el JPG con una calidad que nadie distingue.
¿Puedo convertir HEIC a JPG sin perder calidad?
No del todo: el JPG es de 8 bits y con pérdida, mientras que el HEIC es de 10 bits. La mayoría de las fotografías sobreviven a la conversión sin que se note; pueden aparecer bandas en degradados suaves. Convertir a PNG evita más pérdidas, pero produce un archivo mucho más grande.
¿Por qué mi GIF pierde la animación al convertirlo?
Casi ningún formato de imagen puede guardar varios fotogramas. Convertir un GIF a PNG o JPG conserva solo el primer fotograma. Usa una herramienta específica de vídeo a GIF o de GIF si la animación tiene que sobrevivir.
¿El SVG es un formato ráster?
No. El SVG guarda las formas como coordenadas y curvas, así que escala sin perder nitidez y se queda diminuto. Es adecuado para logotipos, iconos y diagramas, y no para fotografías, que son ráster por naturaleza.