JPG vs PNG vs WebP vs AVIF: ¿qué formato de imagen usar?
Cada formato de imagen es un compromiso distinto entre tamaño de archivo, calidad, compatibilidad y funciones como la transparencia. Elige bien y tus archivos serán pequeños y se abrirán en todas partes; elige mal y acabarás con escaneos de 30 MB o logotipos con bordes blancos dentados. Esto es para lo que sirve realmente cada formato.
La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.
JPG — el formato universal para fotos
JPG (1992) comprime fotografías descartando el detalle que el ojo apenas percibe, ajustable mediante un parámetro de calidad. Con calidad 75–85 los archivos son pequeños y se ven excelentes; todos los dispositivos y programas del mundo los abren. Sus límites: no tiene transparencia, y cada nuevo guardado pierde un poco más de detalle. Úsalo para fotos que deban funcionar absolutamente en cualquier parte.
PNG — sin pérdida y con transparencia
PNG guarda los píxeles con exactitud y admite transparencia alfa completa, lo que lo convierte en el estándar para logotipos, capturas de pantalla, gráficos de interfaz y cualquier imagen que se vaya a editar repetidamente. El coste es el tamaño: las fotografías guardadas como PNG se inflan a varias veces su tamaño en JPG, porque el ruido fotográfico no se comprime sin pérdida. Usa PNG para gráficos y copias de trabajo, no para entregar fotos.
WebP — el estándar moderno de la web
WebP hace ambos trabajos: compresión con pérdida un 25–35 % menor que un JPG de calidad equivalente, y modo sin pérdida con transparencia mucho más pequeño que PNG. Todos los navegadores lo soportan desde 2020. Su única debilidad está fuera de la web — software de escritorio antiguo, impresoras y algunos formularios de subida aún lo rechazan. Usa WebP para todo lo que se muestre en un sitio web.
AVIF — los archivos más pequeños, el formato más nuevo
AVIF, construido sobre el códec de vídeo AV1, produce los archivos más pequeños de cualquier formato mayoritario — a menudo la mitad que un JPG a la misma calidad — y admite transparencia y HDR. El soporte en navegadores ya es universal, pero las herramientas y el software fuera de la web van por detrás. Úsalo donde los bytes importen más y controles la entrega, con un plan B para entornos antiguos.
GIF, SVG y HEIC — los especialistas
GIF sobrevive únicamente para animaciones simples; para imágenes fijas está obsoleto (256 colores, archivos enormes). SVG no son píxeles sino geometría vectorial — perfecto para iconos y logotipos que deben escalar, sin sentido para fotos. HEIC es el formato eficiente de cámara de Apple: estupendo en el dispositivo, incómodo en el resto, y normalmente se convierte a JPG en cuanto un archivo sale del ecosistema Apple.
La decisión, condensada
Foto para compartir en general → JPG. Cualquier cosa en un sitio web → WebP (o AVIF si puedes gestionar los planes B). Logotipo, captura o transparencia → PNG (WebP si es solo web). Debe escalar a cualquier tamaño → SVG. Viene de un iPhone y va a otro sitio → convierte HEIC a JPG. En caso de duda, JPG para fotos y PNG para gráficos nunca es un desastre.