El mejor formato de imagen para la web: JPEG, PNG, WebP, AVIF
Una comparación medida, no cifras de marketing: codificamos la misma foto de 1920×1080 en cada formato y mostramos abajo el tamaño real de cada archivo.
Los formatos de un vistazo
Lo que puede hacer realmente cada formato: vector o mapa de bits, transparencia, almacenamiento sin pérdida, animación y si encaja en un flujo de impresión.
| Formato | Tipo | Transparencia | Sin pérdida | Animación | Apto para imprenta |
|---|---|---|---|---|---|
| JPGFotos | MAPA DE BITS | ||||
| PNGGráficos | MAPA DE BITS | ||||
| WebPWeb moderna | MAPA DE BITS | ||||
| AVIFArchivos más pequeños | MAPA DE BITS | ||||
| GIFBucles cortos | MAPA DE BITS | ||||
| SVGVector, web | VECTOR | ||||
| PDFDocumentos | VECTOR | ||||
| EPSImpresión antigua | VECTOR | ||||
| DXFCNC y láser | VECTOR | ||||
| ICOFavicons | MAPA DE BITS | ||||
| TIFFImpresión de archivo | MAPA DE BITS | ||||
| BMPSin compresión | MAPA DE BITS | ||||
| AIOrigen de Illustrator | VECTOR | ||||
| PSDOrigen de Photoshop | MAPA DE BITS |
«Parcial» significa compatibilidad condicionada: WebP y AVIF tienen modos con y sin pérdida, la transparencia del GIF se limita a un único color totalmente transparente, la transparencia del EPS depende del programa que lo genera y el PNG es condicional para imprenta porque no puede llevar CMYK.
Herramientas que convierten estos formatos
Qué pasa al acercar la imagen
La misma curva, guardada de tres formas distintas y ampliada diez veces. La diferencia solo se ve a esta escala, y en impresión es justo la escala que importa.
Las líneas rojas discontinuas marcan los bloques de compresión de 8×8 del JPEG. Por eso los logos, el texto y los gráficos de bordes duros van en PNG o SVG y no en JPEG; en cambio, en una fotografía esos bloques desaparecen entre la textura natural, y por eso el JPEG sigue siendo la opción correcta ahí.
Formatos de mapa de bits (píxeles)
Formados por una cuadrícula fija de píxeles de color. Dependen de la resolución: si los amplías, los propios píxeles se hacen visibles. Son la opción correcta para fotografías.
JPEG .jpg, .jpegFotografías, adjuntos de correo, máxima compatibilidadDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1992
- Creado por
- Joint Photographic Experts Group (ISO/IEC)
- Compresión
- Con pérdida
- Profundidad de color
- 16,7 millones de colores (24 bits)
- Transparencia
- No
- Animación
- No
- Extensión
- .jpg, .jpeg
- Ideal para
- Fotografías, adjuntos de correo, máxima compatibilidad
El formato de fotografía por defecto desde hace más de treinta años. JPEG descarta el detalle que el ojo tiene menos probabilidades de notar; por eso una foto se reduce a una fracción de su tamaño original, y por eso cada vez que se vuelve a guardar se degrada un poco más. Sigue siendo la opción más segura siempre que la compatibilidad importe más que exprimir el último porcentaje.
Ventajas
- ✓Se abre en todas partes: cualquier navegador, móvil, impresora y cámara desde 1992
- ✓Archivos muy pequeños para contenido fotográfico
- ✓La calidad ajustable permite equilibrar tamaño y fidelidad
Desventajas
- ✕Con pérdida: cada vez que se vuelve a guardar, la imagen empeora
- ✕Sin ninguna transparencia
- ✕Artefactos en bloques de 8×8 alrededor de bordes nítidos y texto
- ✕Malo para logos, capturas de pantalla y dibujo lineal
Herramienta de Pixebag: Compresor de imágenes
PNG .pngLogos, capturas de pantalla, gráficos con transparenciaDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1996
- Creado por
- PNG Development Group (W3C)
- Compresión
- Sin pérdida
- Profundidad de color
- 16,7 millones de colores + alfa de 8 bits
- Transparencia
- Sí
- Animación
- No
- Extensión
- .png
- Ideal para
- Logos, capturas de pantalla, gráficos con transparencia
Creado como sustituto del GIF libre de patentes, el PNG se convirtió en el formato por defecto cuando una imagen debe conservarse píxel a píxel o llevar fondo transparente. Nunca pierde ni un solo píxel de información, así que es la opción correcta para capturas de pantalla, elementos de interfaz y todo lo que contenga texto; pero esa misma fidelidad lo hace poco adecuado para fotografías, donde los archivos se disparan.
Ventajas
- ✓Totalmente sin pérdida: volver a guardarlo nunca lo degrada
- ✓Transparencia alfa completa de 8 bits, incluidos bordes suaves
- ✓Excelente para colores planos, texto y líneas nítidas
- ✓Compatible con todos los navegadores y programas
Desventajas
- ✕Con fotografías, los archivos son mucho más grandes que en JPEG
- ✕Sin animación (existe APNG, pero la compatibilidad es irregular)
- ✕No admite CMYK, así que no sirve para entregar a imprenta
Herramienta de Pixebag: Conversor de formatos
GIF .gifAnimaciones cortas en bucle, clips sencillos de reacciónDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1987
- Creado por
- CompuServe (Steve Wilhite)
- Compresión
- Sin pérdida
- Profundidad de color
- 256 colores por fotograma (paleta de 8 bits)
- Transparencia
- Parcial
- Animación
- Sí
- Extensión
- .gif
- Ideal para
- Animaciones cortas en bucle, clips sencillos de reacción
Más antiguo que la propia web y técnicamente obsoleto, pero sigue en todas partes porque se reproduce solo en cualquier sitio que acepte una imagen. El límite de 256 colores hace que las fotografías se vean con bandas, y los archivos son enormes comparados con un vídeo moderno; pero nada más se puede soltar con tanta facilidad en una ventana de chat.
Ventajas
- ✓Se reproduce solo en cualquier sitio donde se permita una imagen
- ✓Sin pérdida dentro de su paleta de 256 colores
- ✓Admite transparencia simple de un bit
- ✓Compatible con absolutamente todo desde 1987
Desventajas
- ✕Solo 256 colores: las fotografías muestran bandas visibles
- ✕Archivos enormes comparados con WebP o MP4 para el mismo clip
- ✕La transparencia solo tiene bordes duros, sin alfa suave
- ✕Sin sonido
Herramienta de Pixebag: Creador de GIF
WebP .webpWebs modernas: la opción práctica por defecto hoyDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2010
- Creado por
- Compresión
- Con y sin pérdida
- Profundidad de color
- 16,7 millones de colores + alfa
- Transparencia
- Sí
- Animación
- Sí
- Extensión
- .webp
- Ideal para
- Webs modernas: la opción práctica por defecto hoy
WebP hace en un solo formato lo que JPEG, PNG y GIF hacen por separado: compresión con o sin pérdida, transparencia alfa completa y animación. Los archivos suelen ocupar un 25–35 % menos que un JPEG equivalente. Hoy lo admiten prácticamente todos los navegadores, lo que lo convierte en la opción sensata para todo lo que se publica en la web.
Ventajas
- ✓Entre un 25 y un 35 % más pequeño que JPEG con una calidad comparable
- ✓Un solo formato para fotos, gráficos, transparencia y animación
- ✓Tiene modos con y sin pérdida
- ✓Compatible con todos los navegadores actuales
Desventajas
- ✕Los programas de escritorio antiguos pueden negarse a abrirlo
- ✕No se acepta en los flujos de impresión
- ✕Algunas redes sociales todavía lo vuelven a codificar en JPEG
Herramienta de Pixebag: Conversor de formatos
AVIF .avifExprimir los últimos bytes de las imágenes webDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2019
- Creado por
- Alliance for Open Media
- Compresión
- Con y sin pérdida
- Profundidad de color
- Color HDR de hasta 12 bits
- Transparencia
- Sí
- Animación
- Sí
- Extensión
- .avif
- Ideal para
- Exprimir los últimos bytes de las imágenes web
Basado en el códec de vídeo AV1, AVIF comprime más que cualquier otro formato de uso habitual —a menudo la mitad que un JPEG con la misma calidad percibida— y añade HDR y gama de color amplia. El precio es el tiempo de codificación y una compatibilidad más irregular fuera de los navegadores.
Ventajas
- ✓Los archivos más pequeños de cualquier formato ampliamente compatible
- ✓Admite HDR y gama de color amplia
- ✓Transparencia alfa completa y animación
- ✓Abierto y libre de regalías
Desventajas
- ✕La codificación es claramente más lenta que en JPEG o WebP
- ✕La compatibilidad fuera de los navegadores aún es incompleta
- ✕Con ajustes agresivos puede emborronar las texturas muy finas
Herramienta de Pixebag: Conversor de formatos
JPEG XL .jxlCalidad de archivo y recompresión de JPEG sin pérdidaDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2021
- Creado por
- Comité JPEG (ISO/IEC)
- Compresión
- Con y sin pérdida
- Profundidad de color
- Hasta 32 bits por canal
- Transparencia
- Sí
- Animación
- Sí
- Extensión
- .jxl
- Ideal para
- Calidad de archivo y recompresión de JPEG sin pérdida
El gran truco de JPEG XL es recomprimir un JPEG existente un 20 % más pequeño sin ninguna pérdida adicional de calidad y de forma totalmente reversible. Técnicamente es el más completo de esta lista, pero su adopción en los navegadores se estancó, así que hoy vive sobre todo en flujos de archivo y profesionales.
Ventajas
- ✓Recomprime JPEG existentes un ~20 % más pequeños sin pérdida
- ✓Calidad excelente tanto con tasas de bits altas como bajas
- ✓Descodificación progresiva: la imagen gana nitidez mientras carga
- ✓Profundidad de bits muy alta para archivo
Desventajas
- ✕La compatibilidad con navegadores es limitada y ha ido a menos
- ✕Pocas herramientas de consumo pueden abrirlo
- ✕Las plataformas y las imprentas casi nunca lo aceptan
HEIC / HEIF .heic, .heifFotos del iPhone: conviértelas antes de compartirlasDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2015
- Creado por
- MPEG (adoptado por Apple en 2017)
- Compresión
- Con pérdida
- Profundidad de color
- Color de 10 bits, compatible con HDR
- Transparencia
- Sí
- Animación
- Sí
- Extensión
- .heic, .heif
- Ideal para
- Fotos del iPhone: conviértelas antes de compartirlas
Desde iOS 11 es lo que guarda un iPhone por defecto: aproximadamente la mitad que un JPEG con la misma calidad, con soporte para mapas de profundidad y Live Photos. El problema es que buena parte del mundo fuera de Apple todavía no puede abrirlo; por eso mucha gente conoce el HEIC solo como el archivo que no hay manera de subir.
Ventajas
- ✓Más o menos la mitad que un JPEG equivalente
- ✓Color de 10 bits y compatibilidad con HDR
- ✓Guarda datos de profundidad, ráfagas y Live Photos en un solo archivo
- ✓Ahorra mucho espacio en el móvil
Desventajas
- ✕Windows, Android y muchas webs lo rechazan si no se convierte
- ✕Las licencias de patentes complican su soporte en los programas
- ✕Las herramientas de edición fuera del ecosistema de Apple son limitadas
Herramienta de Pixebag: Conversor de formatos
TIFF .tif, .tiffProducción de impresión, escaneo, archivo a largo plazoDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1986
- Creado por
- Aldus (hoy Adobe)
- Compresión
- Con y sin pérdida
- Profundidad de color
- Hasta 32 bits por canal, CMYK y tintas planas
- Transparencia
- Sí
- Animación
- No
- Extensión
- .tif, .tiff
- Ideal para
- Producción de impresión, escaneo, archivo a largo plazo
El caballo de batalla de la impresión profesional y del archivo. TIFF guarda capas, varias páginas, CMYK y tintas planas, y puede ser totalmente sin pérdida; por eso museos, bibliotecas e imprentas lo adoptaron como estándar. Los archivos son enormes y ningún navegador los muestra, pero eso no le importa a su público.
Ventajas
- ✓Realmente sin pérdida: el estándar de archivo
- ✓Admite CMYK y tintas planas para trabajos de impresión reales
- ✓Admite capas y varias páginas en un solo archivo
- ✓Profundidad de bits muy alta para escaneo y retoque
Desventajas
- ✕Archivos muy grandes
- ✕Ningún navegador muestra TIFF
- ✕Tan flexible que algunas variantes no se abren en todas partes
BMP .bmpProgramas antiguos de Windows y archivos intermediosDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1986
- Creado por
- Microsoft / IBM
- Compresión
- Sin compresión
- Profundidad de color
- Hasta 32 bits
- Transparencia
- Parcial
- Animación
- No
- Extensión
- .bmp
- Ideal para
- Programas antiguos de Windows y archivos intermedios
Básicamente un volcado de píxeles en bruto con una pequeña cabecera, sin ninguna compresión en su forma habitual. Eso lo hace facilísimo de leer para los programas y absurdamente grande en disco: una imagen de 200 KB en JPEG puede ocupar 6 MB en BMP. Solo sobrevive en herramientas antiguas de Windows.
Ventajas
- ✓Totalmente sin pérdida: no se descarta nada
- ✓Facilísimo de leer y escribir para los programas
- ✓Sin coste de descodificación
Desventajas
- ✕Archivos enormes: a menudo de 20 a 30 veces un JPEG
- ✕Sin compresión en la variante habitual
- ✕Prácticamente sin soporte en la web
- ✕Sin metadatos ni perfil de color
ICO .icoFavicons de pestaña del navegador e iconos de aplicaciones de WindowsDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1985
- Creado por
- Microsoft
- Compresión
- Sin pérdida
- Profundidad de color
- Varios tamaños en un solo archivo, 32 bits con alfa
- Transparencia
- Sí
- Animación
- No
- Extensión
- .ico
- Ideal para
- Favicons de pestaña del navegador e iconos de aplicaciones de Windows
Un contenedor que guarda el mismo icono en varios tamaños a la vez, para que el sistema operativo o el navegador elija el que necesite. Sigue siendo el formato de favicon más seguro, porque los navegadores muy antiguos no entienden otro.
Ventajas
- ✓Guarda versiones de 16, 32, 48 y 256 px en un solo archivo
- ✓Transparencia alfa completa
- ✓Lo entiende cualquier navegador que haya existido
Desventajas
- ✕No sirve para nada que no sean iconos
- ✕En la práctica, limitado a tamaños pequeños
- ✕Difícil de crear sin una herramienta específica
Herramienta de Pixebag: SVG a imagen
RAW .cr2, .cr3, .nef, .arw, .dng, .orfFotografía profesional: el negativo digitalDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2004
- Creado por
- Fabricantes de cámaras; DNG de Adobe
- Compresión
- Sin pérdida
- Profundidad de color
- 12–16 bits por canal
- Transparencia
- No
- Animación
- No
- Extensión
- .cr2, .cr3, .nef, .arw, .dng, .orf
- Ideal para
- Fotografía profesional: el negativo digital
En realidad no es un formato, sino una familia: cada fabricante escribe el suyo (Canon CR3, Nikon NEF, Sony ARW), y el DNG de Adobe es el intento abierto de unificarlos. Un archivo RAW son datos del sensor sin procesar —sin balance de blancos, sin enfoque, sin decisiones de color aplicadas—, y precisamente por eso los fotógrafos disparan en RAW. Cada decisión de edición sigue siendo reversible.
Ventajas
- ✓Máximo margen de edición: recupera luces quemadas y sombras
- ✓El balance de blancos y el color se pueden ajustar por completo después
- ✓Profundidad de 12–16 bits en lugar de los 8 del JPEG
- ✓La cámara no descarta nada
Desventajas
- ✕Muy grande: a menudo de 20 a 40 MB por foto
- ✕Propietario y específico de cada cámara; los formatos antiguos corren riesgo de quedar obsoletos
- ✕Hay que revelarlo antes de que otra persona pueda verlo
- ✕No se puede usar en la web ni en documentos
JPEG 2000 .jp2, .j2kImagen médica, másteres de cine, archivos digitalesDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2000
- Creado por
- Comité JPEG (ISO/IEC)
- Compresión
- Con y sin pérdida
- Profundidad de color
- Hasta 38 bits por canal
- Transparencia
- Sí
- Animación
- No
- Extensión
- .jp2, .j2k
- Ideal para
- Imagen médica, másteres de cine, archivos digitales
Basado en ondículas y técnicamente superior al JPEG original en casi todo lo medible, pero nunca lo desplazó en la web. Encontró un hogar permanente en medicina (DICOM), cine digital y archivos nacionales, donde la calidad sin pérdida y la descodificación por regiones de interés importan más que la compatibilidad con navegadores.
Ventajas
- ✓Sin artefactos en bloques: las ondículas se degradan con suavidad
- ✓Con y sin pérdida en un mismo formato
- ✓Puede descodificar solo una región o una resolución menor del mismo archivo
Desventajas
- ✕Casi ningún navegador lo admite
- ✕Exigente en cálculo
- ✕Casi nunca se acepta fuera de sus nichos especializados
Formatos vectoriales
Formados por curvas y coordenadas matemáticas. Independientes de la resolución: el mismo archivo se ve nítido en una tarjeta de visita y en una valla publicitaria. Son la opción correcta para logos, iconos y texto.
SVG .svgLogos, iconos, ilustraciones y gráficos en la webDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2001
- Creado por
- W3C
- Compresión
- Sin pérdida
- Profundidad de color
- Independiente de la resolución: sin píxeles
- Transparencia
- Sí
- Animación
- Sí
- Extensión
- .svg
- Ideal para
- Logos, iconos, ilustraciones y gráficos en la web
SVG no es una imagen en el sentido habitual: es un archivo de texto que describe formas con coordenadas y curvas. Como no hay píxeles, se mantiene perfectamente nítido a cualquier tamaño: un logo pasa de favicon a valla publicitaria con el mismo archivo. Además, los buscadores pueden leerlo y se puede editar con un editor de texto.
Ventajas
- ✓Escalable sin límite y sin ninguna pérdida de calidad
- ✓Archivos diminutos para gráficos planos e iconos
- ✓Se puede animar y dar estilo con CSS
- ✓El texto que contiene sigue siendo seleccionable y se puede buscar
Desventajas
- ✕No puede representar fotografías
- ✕Las ilustraciones muy complejas pueden tardar en mostrarse
- ✕Puede contener scripts, así que los archivos de fuentes no fiables hay que limpiarlos
Herramienta de Pixebag: Imagen a SVG
PDF .pdfDocumentos, entrega a imprenta, todo lo que deba verse igual en cualquier sitioDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1993
- Creado por
- Adobe (norma ISO desde 2008)
- Compresión
- Con y sin pérdida
- Profundidad de color
- Mezcla de vector y mapa de bits, admite CMYK
- Transparencia
- Sí
- Animación
- No
- Extensión
- Ideal para
- Documentos, entrega a imprenta, todo lo que deba verse igual en cualquier sitio
El PDF congela una página —fuentes, vectores, imágenes, perfiles de color— para que se vea igual en cualquier equipo e impresora. Es el formato universal de entrega entre diseñador e imprenta, y el único de esta lista que lleva de forma fiable varias páginas, fuentes incrustadas y CMYK a la vez.
Ventajas
- ✓Se ve igual en cualquier dispositivo o impresora
- ✓Varias páginas, fuentes incrustadas, CMYK y tintas planas
- ✓Mezcla vector y mapa de bits libremente
- ✓El estándar aceptado en todo el mundo para entregar a imprenta
Desventajas
- ✕Difícil de editar una vez creado
- ✕El tamaño crece rápido con imágenes incrustadas
- ✕No es un formato de imagen para páginas web
Herramienta de Pixebag: JPG a PDF
EPS .epsFlujos de impresión antiguos, talleres de rotulación y bordado tradicionalesDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1987
- Creado por
- Adobe
- Compresión
- Sin pérdida
- Profundidad de color
- Vectorial con mapa de bits incrustado opcional, CMYK
- Transparencia
- Parcial
- Animación
- No
- Extensión
- .eps
- Ideal para
- Flujos de impresión antiguos, talleres de rotulación y bordado tradicionales
El formato vectorial de intercambio que usaban las imprentas antes de que llegara el PDF. Oficialmente está obsoleto —Adobe ya no lo desarrolla—, pero se niega a desaparecer porque una enorme cantidad de equipos y toda una generación de profesionales de la impresión lo siguen esperando. Si un proveedor te pide «el vector», a menudo quiere decir EPS o AI.
Ventajas
- ✓Lo entienden casi todos los equipos de impresión profesional
- ✓Admite CMYK y tintas planas
- ✓Independiente de la resolución
Desventajas
- ✕Ya no se desarrolla: oficialmente es un formato obsoleto
- ✕La transparencia no es fiable entre aplicaciones
- ✕Ningún navegador puede mostrarlo
- ✕Archivos grandes con diseños complejos
Herramienta de Pixebag: SVG a imagen
Adobe Illustrator .aiEl archivo maestro de logos e identidad de marcaDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1987
- Creado por
- Adobe
- Compresión
- Sin pérdida
- Profundidad de color
- Vectorial, con capas, CMYK y tintas planas
- Transparencia
- Sí
- Animación
- No
- Extensión
- .ai
- Ideal para
- El archivo maestro de logos e identidad de marca
El archivo de trabajo del diseño vectorial profesional. Todo sigue siendo editable: capas, texto vivo, efectos, mesas de trabajo. Es un formato de origen, no de entrega: te quedas el AI y entregas PDF, SVG o EPS. Perderlo significa rehacer un logo desde cero.
Ventajas
- ✓Todo sigue siendo totalmente editable
- ✓Conserva capas, mesas de trabajo y texto vivo
- ✓Estándar del sector para logos y elementos de marca
- ✓Se exporta limpiamente a cualquier otro formato vectorial
Desventajas
- ✕Necesita Illustrator o un editor compatible para abrirlo
- ✕Propietario: no garantiza que se pueda leer a largo plazo
- ✕Nunca lo envíes a un cliente como entrega final
CorelDRAW .cdrRotulación, estampación textil, grabado y corte láserDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1989
- Creado por
- Corel Corporation
- Compresión
- Sin pérdida
- Profundidad de color
- Vectorial, con capas, CMYK y tintas planas
- Transparencia
- Sí
- Animación
- No
- Extensión
- .cdr
- Ideal para
- Rotulación, estampación textil, grabado y corte láser
El eterno rival de Illustrator, todavía dominante en oficios concretos —rotulación, estampación textil y promocional, grabado, corte láser—, sobre todo en Europa del Este, Turquía, India y Latinoamérica. Si una imprenta local te pide «el archivo de Corel», es este. La compatibilidad entre versiones es famosamente mala: un CDR guardado en una versión nueva a menudo no se abre en una antigua.
Ventajas
- ✓El estándar de hecho en talleres de rotulación, textil y grabado
- ✓Soporte completo de CMYK y tintas planas para producción
- ✓Sirve tanto para maquetar varias páginas como para ilustrar
- ✓Buenas herramientas para trazados de corte y plóter
Desventajas
- ✕Mala compatibilidad entre versiones de CorelDRAW
- ✕Casi nada fuera de Corel lo abre de forma fiable
- ✕No se puede leer en la web ni con herramientas de Adobe sin convertirlo
- ✕Centrado en Windows
DXF .dxf, .dwgMecanizado CNC, corte láser, intercambio CADDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1982
- Creado por
- Autodesk
- Compresión
- Sin compresión
- Profundidad de color
- Geometría pura: líneas, arcos, polilíneas
- Transparencia
- No
- Animación
- No
- Extensión
- .dxf, .dwg
- Ideal para
- Mecanizado CNC, corte láser, intercambio CAD
El formato de intercambio del mundo CAD. DXF lleva geometría pura con unidades reales, que es lo que necesita una cortadora láser, una fresadora CNC o un plóter: cortan siguiendo trazados, así que no pueden usar una imagen de píxeles. Cualquiera que envíe trabajos a un taller de fabricación se encuentra con el DXF tarde o temprano.
Ventajas
- ✓Lo entiende prácticamente cualquier programa de CAD y CAM
- ✓Lleva dimensiones reales
- ✓La entrada estándar para corte láser y CNC
Desventajas
- ✕Sin rellenos de color, degradados ni efectos: solo geometría
- ✕No es un formato de visualización; nada en la web lo muestra
- ✕Existen muchas versiones parcialmente incompatibles
Herramienta de Pixebag: Conversor de SVG a DXF
EMF / WMF .emf, .wmfGráficos vectoriales dentro de Word, Excel y PowerPointDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1993
- Creado por
- Microsoft
- Compresión
- Sin compresión
- Profundidad de color
- Órdenes de dibujo vectorial, mapa de bits opcional
- Transparencia
- Parcial
- Animación
- No
- Extensión
- .emf, .wmf
- Ideal para
- Gráficos vectoriales dentro de Word, Excel y PowerPoint
El formato vectorial nativo de Windows, y la razón por la que un gráfico pegado en Word se imprime nítido. Casi nadie lo elige a propósito, pero es lo que Office produce y usa internamente, así que aparece siempre que los gráficos pasan de una aplicación de Microsoft a otra.
Ventajas
- ✓Se mantiene nítido al escalarlo dentro de documentos de Office
- ✓Nativo de Windows: no necesita programas adicionales
- ✓Archivos pequeños para diagramas sencillos
Desventajas
- ✕Prácticamente solo para Windows
- ✕Sin soporte en navegadores
- ✕Se muestra de forma irregular fuera de los programas de Microsoft
Archivos de origen de diseño
Los archivos de trabajo editables de los programas de diseño. Se archivan y para entregar se exporta otra cosa: nunca se envían como resultado final.
Photoshop .psd, .psbEl máster editable de cualquier composición fotográficaDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1990
- Creado por
- Adobe
- Compresión
- Sin pérdida
- Profundidad de color
- Mapa de bits con capas, hasta 32 bits, CMYK
- Transparencia
- Sí
- Animación
- No
- Extensión
- .psd, .psb
- Ideal para
- El máster editable de cualquier composición fotográfica
El archivo de trabajo del diseño de mapa de bits: capas, máscaras, capas de ajuste, objetos inteligentes y texto vivo siguen siendo editables. Como el AI, es un formato de origen: archivas el PSD y exportas JPEG, PNG o TIFF para usarlos. Acoplarlo es irreversible.
Ventajas
- ✓Capas, máscaras y ajustes siguen siendo totalmente editables
- ✓Admite CMYK y alta profundidad de bits para imprimir
- ✓Estándar del sector, legible por muchos otros editores
Desventajas
- ✕Archivos muy grandes cuando se acumulan capas
- ✕No se puede ver en un navegador ni en la mayoría de los móviles
- ✕Formato propietario
InDesign .indd, .idmlLibros, revistas, catálogos, maquetación de varias páginasDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1999
- Creado por
- Adobe
- Compresión
- Sin pérdida
- Profundidad de color
- Maquetación: vincula los recursos en lugar de incrustarlos
- Transparencia
- Sí
- Animación
- No
- Extensión
- .indd, .idml
- Ideal para
- Libros, revistas, catálogos, maquetación de varias páginas
El archivo de trabajo del programa de maquetación. A diferencia de los demás de esta lista, un INDD normalmente vincula sus imágenes en lugar de incrustarlas, así que enviarlo sin sus recursos vinculados y sus fuentes produce un documento roto. La salida es un PDF listo para imprenta.
Ventajas
- ✓Pensado para documentos largos de varias páginas
- ✓Tipografía precisa y páginas maestras
- ✓Genera directamente PDF listos para imprenta
Desventajas
- ✕Se rompe si faltan las imágenes vinculadas o las fuentes
- ✕Necesita InDesign; IDML es la única vía de intercambio, y parcial
- ✕Mala compatibilidad con versiones anteriores
GIMP .xcfEl equivalente de código abierto de un PSDDetalles, historia, ventajas y desventajas
- Lanzamiento
- 1995
- Creado por
- El proyecto GIMP
- Compresión
- Sin pérdida
- Profundidad de color
- Mapa de bits con capas, hasta 32 bits
- Transparencia
- Sí
- Animación
- No
- Extensión
- .xcf
- Ideal para
- El equivalente de código abierto de un PSD
El formato de trabajo nativo de GIMP: la alternativa libre al PSD. Conserva capas, máscaras, trazados y canales, y es totalmente abierto, así que archivarlo no tiene ningún riesgo de licencias. Fuera de GIMP, la compatibilidad es limitada.
Ventajas
- ✓Formato totalmente abierto, sin problemas de licencias
- ✓Conserva capas, máscaras, trazados y canales
- ✓Herramientas gratuitas en cualquier plataforma
Desventajas
- ✕Casi nada salvo GIMP lo abre
- ✕En la práctica no admite CMYK
- ✕No es un formato de intercambio
Sketch .sketchDiseño de interfaces en macOSDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2010
- Creado por
- Bohemian Coding
- Compresión
- Sin pérdida
- Profundidad de color
- Diseño de interfaces vectorial, solo macOS
- Transparencia
- Sí
- Animación
- No
- Extensión
- .sketch
- Ideal para
- Diseño de interfaces en macOS
La herramienta que definió el diseño de interfaces moderno antes de que llegara Figma, y que todavía usan muchos equipos de diseño veteranos. Solo funciona en macOS, y esa limitación es precisamente la que abrió la puerta a sus rivales basados en el navegador.
Ventajas
- ✓Ligero y rápido para diseñar interfaces vectoriales
- ✓Ecosistema maduro de plugins y símbolos
- ✓Por dentro, los archivos son un ZIP legible de JSON
Desventajas
- ✕Solo macOS: no hay versión para Windows ni Linux
- ✕La colaboración requiere servicios adicionales
- ✕No es un formato de impresión: sin CMYK
Figma .figDiseño de interfaces y sistemas de diseñoDetalles, historia, ventajas y desventajas
- Lanzamiento
- 2016
- Creado por
- Figma
- Compresión
- Sin pérdida
- Profundidad de color
- Diseño de interfaces vectorial, nativo en la nube
- Transparencia
- Sí
- Animación
- No
- Extensión
- .fig
- Ideal para
- Diseño de interfaces y sistemas de diseño
La opción por defecto actual para diseñar interfaces. Los archivos de Figma normalmente viven en la nube y no en el disco, y la exportación .fig existe sobre todo para hacer copias de seguridad o pasarlos entre cuentas. La entrega a los desarrolladores se hace desde la interfaz web, no con el archivo.
Ventajas
- ✓Colaboración en tiempo real en el navegador
- ✓Componentes y herramientas de sistemas de diseño integrados
- ✓Independiente de la plataforma: no hay que instalar nada
Desventajas
- ✕En la práctica, necesita el servicio de Figma
- ✕No es un formato de impresión: sin CMYK
- ✕El archivo .fig es una copia de seguridad, no un formato de intercambio
RGB y CMYK: por qué el color cambia entre la pantalla y el papel
RGB
Mezcla aditiva con luz. Una pantalla parte del negro y añade luz roja, verde y azul; las tres al máximo dan blanco. La web, los móviles y los televisores son RGB. JPG, PNG, WebP, AVIF y GIF solo llevan RGB.
CMYK
Mezcla sustractiva con tinta. El papel parte del blanco y las tintas cian, magenta, amarilla y negra absorben luz para crear el color. La gama CMYK es más estrecha que la RGB, así que los neones brillantes y los azules intensos siempre se apagan al imprimir. TIFF, PDF, EPS, AI, CDR y PSD pueden llevar CMYK.
Usa el Conversor CMYK para ver cómo cambia un color de pantalla al imprimirlo.
Comparación medida: la misma foto en cinco formatos
| Formato | Compresión | Transparencia | Compatibilidad con navegadores | Tamaño (foto de prueba) | Ideal para |
|---|---|---|---|---|---|
| JPEG | Solo con pérdida | No | ~100 % (universal, desde 1992) | 209,5 KB | Fotos, máxima compatibilidad |
| PNG | Solo sin pérdida | Sí | ~100 % (universal, desde 1996) | 2831,6 KB (sin pérdida: no es una comparación justa frente a los formatos con pérdida) | Capturas de pantalla, logos, gráficos con transparencia y todo lo que deba ser exacto al píxel |
| WebP | Con o sin pérdida | Sí | ~96,8 % (todos los navegadores modernos) | 171,7 KB | Imágenes web de uso general: la opción moderna segura |
| AVIF | Con o sin pérdida | Sí | ~95,4 % (todos los navegadores modernos) | 229,4 KB | Fotos de alta calidad cuando una compatibilidad del ~95 % es aceptable |
| JPEG XL (experimental) | Con o sin pérdida | Sí | ~14,6 % (sobre todo Safari: aún no es seguro para la web en general) | 162,9 KB | Hoy, uso personal o de archivo en Safari; todavía no para publicar a un público general |
Metodología: todos los tamaños proceden de codificar la misma fotografía real de 1920×1080 con los mismos codificadores que usan las herramientas de este sitio, con calidad 75 (cuando hay ajuste de calidad). PNG no tiene pérdida por diseño, así que su tamaño no es una comparación justa frente a los formatos con pérdida; se muestra como referencia. Los porcentajes de compatibilidad son la cuota de uso global según caniuse.com.
JPEG
El formato de foto predeterminado desde hace más de 30 años, y todavía la opción más segura cuando la compatibilidad importa más que arañar el último porcentaje de tamaño. Cualquier navegador, móvil, cámara o editor de imágenes puede abrir un JPEG.
- ✓Se abre absolutamente en todas partes
- ✓Rápido de codificar y decodificar
- ✓Lo bastante pequeño para el uso diario
- ✕No admite transparencia
- ✕Solo con pérdida: no tiene modo sin pérdida
- ✕Más grande que WebP/AVIF/JPEG XL con una calidad visual equivalente
PNG
PNG no compite con JPEG en el tamaño de las fotos, ni pretende hacerlo. Es la opción correcta cuando necesitas un fondo transparente o una copia exacta y sin pérdida de gráficos de colores planos, capturas de pantalla o elementos de interfaz, donde los artefactos de compresión de JPEG se notarían.
- ✓Sin pérdida: perfecto al píxel
- ✓Admite transparencia
- ✓Ideal para capturas de pantalla, logos y dibujos de líneas
- ✕Mucho más grande que los formatos con pérdida en las fotos
- ✕Sin animación nativa (para eso están GIF/APNG/WebP)
WebP
WebP se puede usar con seguridad en producción desde hace años: la compatibilidad es prácticamente universal en los navegadores modernos. En nuestra medición generó el archivo más pequeño de todos salvo JPEG XL, y además admite transparencia y animación, cosa que JPEG no puede. Para la mayoría de los sitios que hoy sustituyen JPEG/PNG, WebP es la opción práctica por defecto.
- ✓~97 % de compatibilidad: seguro de usar hoy
- ✓Modos con y sin pérdida
- ✓Admite transparencia y animación
- ✓Más pequeño que JPEG con una calidad equivalente
- ✕Algo menos eficiente que AVIF/JPEG XL en algunos casos
- ✕Puede que algunos editores de imágenes antiguos no lo admitan
AVIF
AVIF suele presentarse como el formato que mejor comprime, y puede serlo con ajustes de mayor esfuerzo y calidad. En nuestra prueba real con los ajustes predeterminados que usan las herramientas de este sitio, quedó más grande que WebP con esta foto concreta: un recordatorio de que el "mejor formato" depende de la imagen y de los ajustes del codificador, no solo del nombre del formato. Su compatibilidad (~95 %) es buena, aunque un poco por detrás de WebP.
- ✓Compresión excelente con ajustes de mayor esfuerzo
- ✓Admite transparencia y HDR
- ✓~95 % de compatibilidad con navegadores
- ✕Más lento de codificar que WebP/JPEG
- ✕El tamaño real depende mucho de los ajustes del codificador: no es automáticamente más pequeño que WebP
JPEG XL (JXL)
JPEG XL generó el archivo más pequeño en nuestra prueba real, pero con solo un ~15 % de compatibilidad, sobre todo en Safari, un archivo .jxl no se puede abrir hoy para la gran mayoría de los visitantes. Creamos un conversor experimental para quien quiera probarlo específicamente (p. ej., para flujos solo con Safari o para archivo), con avisos claros y un límite de seguridad —consulta nuestro Conversor JPEG XL—, pero todavía no lo recomendamos para publicar imágenes a un público general.
- ✓El archivo más pequeño en nuestra prueba real, por delante incluso de AVIF y WebP
- ✓Modos con y sin pérdida
- ✓Puede volver a codificar sin pérdida JPEG existentes en archivos más pequeños
- ✕~15 % de compatibilidad, sobre todo Safari
- ✕El codificador que probamos es inestable por encima de unos 18 megapíxeles
- ✕Todavía no es seguro para imágenes que compartes públicamente
Preguntas frecuentes
AVIF o WebP: ¿cuál usar en 2026?
Ambos tienen una compatibilidad excelente y parecida (~95-97 %). En nuestra medición, WebP generó un archivo más pequeño que AVIF para la misma foto con los ajustes predeterminados: AVIF puede comprimir mejor que WebP, pero solo con ajustes más agresivos (y lentos), así que la respuesta real depende de tu codificador, no solo del nombre del formato. WebP es la opción más segura por defecto; AVIF vale la pena si controlas tu proceso de codificación y puedes ajustarlo.
¿PNG está obsoleto para fotos?
Para fotos, sí: la compresión sin pérdida de PNG genera archivos muchas veces más grandes que JPEG/WebP/AVIF con una calidad visual equivalente (2831,6 KB frente a 162-229 KB en nuestra prueba con la misma foto). PNG sigue siendo la opción correcta para capturas de pantalla, logos y todo lo que necesite transparencia o un resultado exacto al píxel.
¿Qué es JPEG XL y se puede usar ya?
JPEG XL (.jxl) es un formato más nuevo que dio el archivo más pequeño en nuestra prueba real. No está listo para publicar a un público general: hoy solo lo abre alrededor del 15 % de los navegadores (sobre todo Safari). Hoy solo es realista para uso personal o de archivo, o para flujos específicos de Safari.
¿Cuál es el mejor formato de imagen para la web ahora mismo?
WebP, para la mayoría de los sitios: ~97 % de compatibilidad y archivos más pequeños que JPEG, con la transparencia que a JPEG le falta. JPEG sigue siendo la opción más segura si necesitas una compatibilidad literalmente universal (dispositivos o programas muy antiguos). AVIF es una alternativa razonable si puedes ajustar tu codificador. JPEG XL todavía no está listo para publicar en general.
¿Cómo se midió realmente esta comparación?
Codificamos la misma fotografía real de 1920×1080 con el codificador real de cada formato —el mismo código que usan nuestras herramientas Conversor de formatos de imagen y Conversor JPEG XL—, con calidad 75 cuando corresponde, y anotamos los tamaños reales de los archivos resultantes. No son cifras de marketing.
Guías y herramientas relacionadas
- Guía de DPI y PPI — Qué resolución usar para pantalla y para impresión.
- Conversor de píxeles a cm — Convierte px a cm, mm, pulgadas y puntos con cualquier DPI.
- Guía de tamaños de papel — A3, A4, A5, Carta y Oficio en mm, cm y pulgadas.