¿JPG o PNG? Qué formato de imagen usar y cuándo

Usa JPG para fotografías: las deja pequeñas sin pérdida visible. Usa PNG para capturas de pantalla, logotipos, diagramas y todo lo que tenga texto, bordes nítidos o fondo transparente: los mantiene limpios y exactos. Si la imagen va a una web, WebP suele ganar a los dos.

JPG usa una compresión con pérdida pensada para fotos. Descarta detalles que el ojo apenas percibe en una imagen natural, y por eso una foto de 12 megapíxeles cabe en uno o dos megas. En colores planos y bordes nítidos el truco se nota: aparecen halos y manchas tenues alrededor del texto y las líneas, sobre todo al ampliar.

PNG es sin pérdida: guarda cada píxel exactamente. Es perfecto para gráficos, donde grandes zonas comparten el mismo color y se comprimen muy bien, pero las fotos casi no tienen zonas así, de modo que ocupan varias veces más que en JPG. PNG además admite transparencia; JPG no.

Tomamos 17 fotografías, reducimos cada una a unos 12 megapíxeles (la resolución de la mayoría de cámaras de móvil) y las guardamos como JPG de alta calidad, de 1,5 MB de media. Al convertirlas a PNG, todas crecieron, entre 4,5 y 9 veces, y ninguna se veía mejor: un PNG solo puede conservar el detalle que el JPG aún tenía. Las mismas fotos en WebP con calidad Alta (85) ocupaban la mitad que los JPG.

También guardamos tres capturas de esta web, de 1440 × 900 píxeles cada una, en PNG: 91 KB de media. Aquí el resultado se invierte. En JPG con la calidad por defecto crecieron un 76 %, e incluso con calidad Alta (85) no eran más pequeñas que los PNG, y además cogían esas manchas tenues que JPG deja alrededor de las letras. Una captura es casi todo color plano y texto nítido, justo lo que PNG comprime mejor.

Convertir un JPG a PNG no mejora su calidad: el detalle que quitó JPG ya no está, y solo consigues un archivo más grande, 5,7 veces más en nuestra prueba. Convertir a JPG un logotipo con fondo transparente rellena esas zonas, así que deja los logotipos en PNG. Y guardar un JPG una y otra vez añade un poco más de pérdida cada vez: edita a partir del archivo original y exporta una sola vez al final.

WebP fue el formato más pequeño en las dos pruebas: la mitad que el JPG en fotos con calidad Alta (85), y menos de la mitad que el PNG en capturas. Todos los navegadores actuales lo muestran, así que es la mejor opción para las imágenes de una web. Para archivos que envías a otras personas, subes a formularios o imprimes, JPG y PNG siguen siendo lo más seguro, porque los abre cualquier programa.

Las 17 fotos son las fotografías de Unsplash que incluye Edubuntu, la edición educativa de Ubuntu, reducidas a 4.032 píxeles por el lado mayor y guardadas en JPG con calidad 92. Las capturas muestran la página de inicio de esta web, una página de conversión y la página de guías. Cada conversión pasó por el mismo código y la misma versión de ImageMagick que funcionan en nuestros servidores, con los ajustes por defecto salvo que la tabla diga otra cosa. Con tus archivos las cifras serán otras, pero la tendencia es la habitual: las fotos ocupan mucho menos en JPG y las capturas, menos y más nítidas en PNG.