Formatos de imagen sin pérdida y con pérdida: guía completa

iPhone World » General » Formatos de imagen sin pérdida y con pérdida: guía completa

Cuando empiezas a trastear con imágenes para web, redes o impresión, te das cuenta de que no todos los formatos de imagen son iguales ni sirven para lo mismo. Puedes tener una foto espectacular, pero si eliges mal el tipo de archivo, acabará viéndose fatal o haciendo que tu web tarde una eternidad en cargar.

Además, algunos formatos comprimen con pérdida, otros guardan la imagen intacta, unos aceptan transparencia, otros no… y por si fuera poco, no todos los navegadores, programas y dispositivos se llevan bien con todos los formatos. Vamos, que elegir entre JPG, PNG, WebP, SVG, TIFF, RAW y compañía no es tan trivial como parece.

Compresión con pérdida y compresión sin pérdida

Antes de meternos con cada formato concreto, es clave entender la diferencia entre compresión con pérdida y sin pérdida, porque condiciona totalmente la calidad y el peso de tus archivos.

Hablamos de compresión sin pérdida (lossless) cuando, al descomprimir la imagen, recuperas exactamente los mismos datos que había en el original. No se tira nada a la basura: el archivo se optimiza, pero toda la información se conserva bit a bit.

En cambio, la compresión con pérdida (lossy) acepta sacrificar parte de la información de la imagen para reducir drásticamente el tamaño del archivo. Se eliminan datos que, en teoría, el ojo humano no nota tanto, aunque si aprietas demasiado la compresión, los artefactos y los defectos saltan a la vista.

Esta diferencia es vital: con formatos sin pérdida es posible editar y regrabar la imagen muchas veces sin que empeore, mientras que con los formatos con pérdida cada guardado sucesivo acumula errores y la foto se va degradando poco a poco.

Cantidad de colores y profundidad de bits

Otro concepto que se repite mucho al hablar de formatos de imagen es la cantidad de colores que soportan, algo que depende de la profundidad de bits por píxel.

Una imagen en blanco y negro puro sólo necesita 1 bit por píxel (dos estados: negro o blanco). Durante años, muchas tarjetas gráficas trabajaban con paletas de 16 o 256 colores, muy limitadas para lo que estamos acostumbrados ahora.

Hoy en día, la mayoría de dispositivos usan hasta 24 bits por píxel, lo que permite representar aproximadamente 16 millones de colores (2²⁴). Esta profundidad de color es clave para fotografías realistas y degradados suaves, mientras que formatos más limitados (como GIF a 256 colores) funcionan mejor con dibujos sencillos y áreas de color plano.

Principales formatos sin pérdida: TIFF, PNG, GIF, BMP, RAW, PSD…

Dentro del grupo de formatos sin pérdida encontramos varios clásicos del diseño y la fotografía. No todos se usan igual en web e impresión, pero conviene conocer qué aporta cada uno para no disparar el peso de los archivos sin necesidad o, al revés, no cargarte la calidad de algo que luego vas a imprimir grande, por ejemplo usando herramientas como Snapseed, la app de edición de fotos profesional.

TIFF (Tagged Image File Format)

TIFF es un formato histórico en el mundo de la imagen, muy flexible y pensado para almacenar fotografías y gráficos de alta calidad sin pérdidas. Puede trabajar sin compresión o usando algoritmos sin pérdida como LZW, aunque en la práctica se suele usar sin comprimir, por lo que los archivos resultan enormes.

Es el formato estrella en flujos de trabajo de edición profesional e impresión: se usa para escanear originales, retocar imágenes en alta resolución y preparar archivos finales cuando se prioriza la calidad absoluta sobre el tamaño.

Aunque algunas cámaras permiten disparar en TIFF, lo habitual es reservarlo para las fases de edición, porque cada archivo TIFF puede ocupar decenas o cientos de megas. Precisamente por eso, no es un formato pensado para la web.

PNG (Portable Network Graphics)

PNG nació en los 90 como sustituto moderno de GIF, sin las limitaciones de color ni las patentes que lastraban a este último. Utiliza compresión sin pérdida completamente reversible: al descomprimir, recuperas la imagen tal cual se guardó.

Su gran baza para web es que admite transparencia real. No sólo puedes tener fondos totalmente transparentes, sino también semitransparencias, ideales para sombras suaves, botones con bordes difuminados o elementos translúcidos.

Hay dos variantes habituales:

• PNG‑8: limitado a 256 colores, pero con archivos muy ligeros (parecido a GIF, aunque normalmente comprime mejor).
• PNG‑24: sin límite práctico de colores (millones), perfecto para logotipos, iconos detallados, textos y gráficos con bordes nítidos, a costa de un mayor tamaño de archivo.

Para fotografías se puede usar PNG, pero casi siempre el archivo pesará bastante más que su equivalente en JPG. Por eso, en web se reserva normalmente para logotipos, ilustraciones, capturas de pantalla y gráficos en los que la nitidez y la transparencia mandan.

GIF (Graphics Interchange Format)

Aunque GIF tiene compresión sin pérdida para imágenes con 256 colores o menos, en cuanto trabajas con fotos reales el formato tiene que reducir brutalmente la paleta de colores, lo que equivale a “perder” hasta el 99,998 % de los tonos posibles.

Su tabla de color limitada hace que sea ideal para dibujos simples, iconos, esquemas y áreas de color plano. Además, comprime de dos maneras: disminuyendo el número de colores y usando códigos de secuencias para representar tiras de píxeles del mismo color (en lugar de “blanco, blanco, blanco”, guarda “5 blanco”).

El motivo por el que GIF sigue vivo no es la calidad, sino que permite animaciones sin necesidad de reproductores de vídeo ni scripts complejos. Para memes, banners animados o minidemostraciones, sigue siendo un formato muy utilizado, aunque para fotos es una mala idea.

BMP (Bitmap)

BMP es un formato clásico de Microsoft para almacenar imágenes de mapa de bits sin compresión. Mantiene todos los datos tal cual, con lo que la calidad es perfecta, pero el tamaño de los archivos es descomunal.

Hoy está prácticamente en desuso fuera de contextos muy específicos, porque ha sido superado por alternativas como PNG o TIFF, que ofrecen igual o mejor calidad con tamaños mucho más razonables.

RAW, PSD, PSP y otros formatos de trabajo

Los archivos RAW son los datos “en crudo” que generan muchas cámaras digitales. Guardan toda la información capturada por el sensor, sin compresión con pérdida ni procesado agresivo, lo que los hace perfectos para la edición profesional.

La pega es que no existe un estándar único de RAW: cada fabricante (y a veces cada modelo) define su propia variante. Eso obliga a usar software específico de la marca o programas compatibles con múltiples variantes.

En el ámbito del diseño, formatos como PSD (Photoshop) o PSP (Paint Shop Pro) guardan capas, máscaras, objetos vectoriales y demás elementos de trabajo sin pérdida. Son ideales para editar, pero luego hay que exportar a formatos más universales (TIFF, PNG, JPG, PDF…) para compartir o imprimir.

JPG/JPEG y otros formatos con pérdida

Dentro de los formatos con pérdida, el rey absoluto es JPG o JPEG, aunque en los últimos años han aparecido alternativas modernas como WebP o AVIF que intentan mejorar su eficiencia, sobre todo para uso web.

JPG / JPEG (Joint Photographic Experts Group)

Desarrollado a principios de los 90, JPG se creó específicamente para comprimir fotografías y escenas con muchos colores y tonos continuos. Utiliza un algoritmo de compresión con pérdida que elimina información considerada poco perceptible para el ojo humano.

Su principal ventaja es que permite altísimos ratios de compresión manteniendo una calidad aceptable, especialmente si se elige un nivel de compresión moderado. Por eso es el formato estándar en cámaras digitales, páginas web y redes sociales para fotos.

Los editores de imagen suelen dejarte ajustar la calidad (por ejemplo, de 0 a 100). A calidades medias‑altas, cuesta ver las diferencias respecto al original, mientras que a calidades muy bajas aparecen claramente artefactos, bloques y bandas en las zonas de degradado.

Hay que tener presente que la pérdida es acumulativa: si abres un JPG, lo modificas y lo vuelves a guardar, se vuelve a comprimir y la imagen pierde algo más de calidad. Por eso, para procesos de edición largos, es mejor trabajar con TIFF o PSD y exportar a JPG sólo al final.

Entre sus características técnicas más relevantes:

• Soporta millones de colores (generalmente en RGB o CMYK, además de escala de grises).
• Es compatible prácticamente con cualquier dispositivo, navegador y software, por ejemplo en iPhone consultando la guía para guardar y abrir archivos.
• No admite transparencia; cualquier zona sin contenido se rellena con un color sólido (normalmente blanco).

JPG es ideal para fotografías y fondos complejos, pero no tanto para logotipos, iconos o imágenes con texto y líneas finas, donde la compresión puede provocar halos y bordes difusos muy molestos.

JPEG 2000

JPEG 2000 se diseñó como sucesor de JPG, con soporte nativo para compresión con y sin pérdida y una eficiencia globalmente mejor. Sobre el papel es superior, pero en la práctica nunca ha despegado en la web por falta de soporte en navegadores como Chrome o Firefox.

Se usa sobre todo en entornos profesionales y en fotografía, donde se aprovecha su capacidad para conservar más detalle a iguales tamaños de archivo que el JPEG clásico.

Formatos modernos para web: WebP, AVIF, HEIC/HEIF, FLIF

La necesidad de webs más rápidas y con menos consumo de datos ha impulsado formatos de imagen más eficientes que el clásico JPG o incluso PNG. Algunos ya están muy extendidos; otros siguen en terreno más experimental.

WebP

WebP es un formato de Google pensado específicamente para la optimización de imágenes en web. Puede usar tanto compresión con pérdida como sin pérdida y, en general, consigue archivos más pequeños que JPG y PNG manteniendo una calidad similar.

Admite transparencia, animación y carga progresiva, lo que lo convierte en una especie de “todo en uno” capaz de cubrir usos que antes se repartían entre JPG, PNG y GIF. La mayoría de navegadores modernos ya lo soportan, aunque hay plataformas y redes sociales donde aún puede ser necesario convertirlo a formatos más tradicionales.

AVIF

AVIF es un formato relativamente reciente, promovido por la Alliance for Open Media. También soporta compresión con pérdida y sin pérdida y se basa en la tecnología del códec de vídeo AV1.

Sus principales ventajas son una compresión muy eficiente y soporte para características modernas como alto rango dinámico y profundidades de color superiores. A igual calidad, suele generar archivos notablemente más ligeros que JPEG.

Ya funciona en navegadores como Chrome, Firefox u Opera, aunque en otros (Safari, algunas versiones de Edge) el soporte va por detrás, lo que limita su adopción masiva en proyectos donde la compatibilidad total es prioritaria.

HEIC / HEIF

HEIC o HEIF es el formato que Apple incorporó a partir de iOS 11 para sustituir en sus dispositivos a JPEG. Se basa en tecnologías de compresión avanzadas que permiten mantener muy buena calidad con archivos más pequeños.

Entre sus ventajas, además de la compresión, destaca la capacidad para guardar transparencias, secuencias de imágenes e información adicional (metadatos, ráfagas, etc.). Su profundidad de color puede llegar a 16 bits, lo que duplica la de un JPEG convencional.

Su gran problema es la compatibilidad fuera del ecosistema Apple. Android, Windows y algunas aplicaciones web no lo soportan tan bien, y aunque se puede convertir a JPG o PNG, en el proceso se puede perder calidad o información.

FLIF (Free Lossless Image Format)

FLIF es un formato de imagen completamente sin pérdida que surgió como alternativa libre y eficiente a PNG y otros formatos. Utiliza técnicas avanzadas de codificación, como MANIAC (Meta‑Adaptive Near‑zero Integer Arithmetic Coding), una variante de CABAC con contextos en árboles de decisión entrenados dinámicamente.

Trabaja en un espacio de color reversible (YCoCg), soporta canal alfa (RGBA), compresión progresiva, y de 1 a 16 bits por canal. La compresión progresiva en FLIF no aumenta el tamaño del archivo, a diferencia de lo que ocurre en algunos otros formatos.

Es capaz de generar diferentes variantes de un mismo archivo con optimizaciones adicionales (por ejemplo, usando herramientas como flifcrush), siempre manteniendo la naturaleza sin pérdida. Sin embargo, el mayor obstáculo de FLIF es que su codificación y decodificación son computacionalmente costosas y el soporte en navegadores y herramientas es muy limitado, lo que lo deja más como solución de nicho.

Formatos vectoriales: SVG, EPS, AI y el papel del PDF

No todo son mapas de bits. Para muchos usos (logotipos, iconos, ilustraciones, gráficos) es preferible trabajar con imágenes vectoriales, basadas en fórmulas matemáticas en lugar de píxeles. Estas imágenes pueden ampliarse o reducirse a cualquier tamaño sin perder nitidez.

SVG (Scalable Vector Graphics)

SVG es el formato vectorial estándar para la web. Está basado en XML y permite describir formas, líneas, textos y colores con precisión matemática, por lo que se puede escalar sin ninguna pérdida de calidad.

Una de sus grandes ventajas es que sus atributos se pueden modificar mediante CSS y JavaScript, lo que permite animar iconos, cambiar colores al pasar el ratón, crear gráficos interactivos, etc. Todos los navegadores modernos lo soportan y forma parte de las especificaciones de HTML5.

Además, los archivos SVG suelen ocupar muy poco espacio, por lo que son ideales para logotipos, iconos, infografías y elementos de interfaz que necesiten verse nítidos en pantallas de cualquier tamaño y densidad.

EPS y AI

EPS (Encapsulated PostScript) fue durante años el formato de referencia para intercambiar gráficos vectoriales orientados a impresión. Puede contener tanto vectores como mapas de bits, y es capaz de rasterizarse “sobre la marcha” al imprimir o convertir a otros formatos.

AI, por su parte, es el formato nativo de Adobe Illustrator. Está pensado sobre todo como formato de trabajo, aunque muchas veces incluye una representación PDF interna para facilitar su visualización e impresión incluso en aplicaciones que no pueden editar los vectores.

Hoy, muchos flujos de trabajo combinan AI/EPS como formatos de edición con exportaciones finales en PDF, SVG o PNG, según el destino final (imprenta, web, presentación, etc.).

PDF como contenedor de imágenes

Aunque solemos ver el PDF como formato de documento, también es un contendor muy versátil para imágenes rasterizadas y vectoriales. Se diseñó para preservar exactamente el diseño de un archivo (tipografías, imágenes, maquetación) independientemente del dispositivo.

Por eso, muchas imprentas piden los trabajos finales en PDF: pueden incluir fotografías a gran resolución, texto vectorial y gráficos, todo en un único archivo y sin depender del programa en el que se creó el diseño. Para la web, en cambio, los PDF se usan más para descargas y documentos largos que para mostrar imágenes sueltas.

Formatos de imagen y SEO: peso, rendimiento y casos de uso

Si gestionas una web o una tienda online, la elección del formato de imagen tiene un impacto directo en el rendimiento, la experiencia de usuario y el SEO. Una página lenta por culpa de imágenes gigantes difícilmente va a posicionar bien.

En general, puedes guiarte por estas reglas prácticas:

• Para fotografías: JPG (o WebP/AVIF si tienes buena compatibilidad) con una compresión moderada.
• Para logotipos, iconos y gráficos con texto: SVG si es vectorial o PNG si es mapa de bits y necesitas transparencia.
• Para animaciones sencillas: GIF, o WebP animado si tu público usa navegadores modernos.
• Para impresión de alta calidad: TIFF, PDF o, según el caso, JPG a alta calidad y perfiles de color adecuados.
• Para edición profesional: RAW, PSD, TIFF y luego exportar a formatos finales según el canal de salida.

También conviene tener presente la diferencia entre imágenes rasterizadas y vectoriales: las primeras se forman por píxeles (JPG, PNG, GIF, BMP, TIFF, WebP, etc.) y pierden calidad si se escalan demasiado; las segundas (SVG, AI, EPS…) pueden cambiar de tamaño sin perder nitidez, pero no son adecuadas para fotografías complejas.

Dominar bien estos formatos y sus usos te permite equilibrar calidad, peso y compatibilidad en cada proyecto: fotos que cargan rápido sin verse hechas polvo, logotipos nítidos en cualquier pantalla, archivos listos para imprenta que no dan errores y animaciones ligeras que no penalizan la velocidad de tu web.