Formatos de Imagen Explicados: PNG, JPG, WebP, HEIC — Guía Completa

Elegir el formato de imagen correcto afecta el tamaño del archivo, la calidad, la velocidad de carga y la compatibilidad. Aquí tienes un repaso completo de cada formato principal que encontrarás.

JPG / JPEG

Nombre completo: Joint Photographic Experts Group

Compresión: Con pérdida — elimina datos permanentemente para reducir el tamaño

Transparencia: No

Mejor para: Fotografías, redes sociales, imágenes de correo

Tamaño típico: 50 KB – 2 MB para fotos web

JPG ha sido el formato de foto estándar desde los años 90. Todo dispositivo, navegador y aplicación lo admite. Su principal limitación es que cada guardado recomprime la imagen, degradando gradualmente la calidad. Nunca uses JPG para logotipos, gráficos con mucho texto o imágenes que editarás repetidamente.

PNG

Nombre completo: Portable Network Graphics

Compresión: Sin pérdida — sin pérdida de calidad

Transparencia: Sí (canal alfa completo)

Mejor para: Logotipos, íconos, capturas de pantalla, imágenes con transparencia

Tamaño típico: 100 KB – 10 MB según el contenido

PNG se creó como una mejor alternativa a GIF (sin los problemas de patentes). Su compresión sin pérdida y soporte de transparencia lo convierten en el estándar para recursos de diseño. Los archivos PNG son más grandes que JPG para fotografías, pero más pequeños que JPG para gráficos simples con colores planos.

WebP

Creador: Google (2010)

Compresión: Con y sin pérdida

Transparencia: Sí

Animación: Sí

Mejor para: Imágenes web, reemplazando a JPG y PNG en sitios web

Tamaño típico: 25–35% más pequeño que el JPG equivalente

WebP es el formato web moderno. Hace todo lo que JPG y PNG hacen, pero mejor — archivos más pequeños, transparencia opcional y soporte para animación. La compatibilidad con navegadores ahora es universal. Su principal limitación es que algunas aplicaciones fuera del navegador aún no lo admiten.

HEIC / HEIF

Nombre completo: High Efficiency Image Container / High Efficiency Image Format

Creador: MPEG (usado por Apple desde iOS 11)

Compresión: Con pérdida (muy eficiente)

Transparencia: Sí

Mejor para: Fotos de iPhone y iPad

Tamaño típico: ~50% más pequeño que JPG con la misma calidad

HEIC es el formato de cámara de Apple. Es excelente para el almacenamiento — las fotos ocupan aproximadamente la mitad del tamaño de JPG con la misma calidad. El problema es la compatibilidad: Windows, Android y la mayoría de las plataformas web no admiten HEIC de forma nativa. Convierte HEIC a JPG para compartir.

GIF

Nombre completo: Graphics Interchange Format

Compresión: Sin pérdida (pero limitado a 256 colores)

Transparencia: Solo binaria (un píxel es totalmente transparente u opaco)

Animación: Sí

Mejor para: Animaciones cortas en bucle, memes

El límite de 256 colores de GIF lo hace poco adecuado para fotografías. Para contenido animado moderno, WebP o video MP4 producen archivos dramáticamente más pequeños. GIF persiste principalmente por razones culturales/de memes, no por mérito técnico.

SVG

Nombre completo: Scalable Vector Graphics

Tipo: Vectorial (no rasterizado/basado en píxeles)

Escalabilidad: Infinita — se ve perfecto en cualquier tamaño

Mejor para: Logotipos, íconos, ilustraciones, elementos de interfaz

SVG no es un formato rasterizado como los demás — almacena descripciones matemáticas de formas en lugar de píxeles. Esto significa que los logotipos e íconos son siempre nítidos en cualquier tamaño. Los SVG suelen ser diminutos (1–10 KB), lo que los hace ideales para íconos y logotipos en sitios web.

TIFF

Nombre completo: Tagged Image File Format

Compresión: Sin pérdida (normalmente)

Mejor para: Impresión, fotografía profesional, archivo

Los archivos TIFF son muy grandes pero conservan la máxima calidad. Son el estándar para archivos listos para imprimir y archivos de fotografía profesional. Nunca uses TIFF en un sitio web — los archivos son demasiado grandes para la entrega web.

Selector Rápido de Formato

Situación	Usar
Foto en sitio web	WebP o JPG
Logotipo o ícono	SVG o PNG
Captura de pantalla con texto	PNG
Foto de iPhone para compartir	Convertir HEIC a JPG
Imagen animada	WebP o MP4
Diseño para imprimir	TIFF o PDF
Imagen de correo	JPG