PNG vs JPG

JPG para fotos; PNG para cualquier cosa con texto, bordes duros o transparencia.

¿Cuándo PNG?

PNG en cuanto haya letras, líneas limpias o superficies con bordes marcados: capturas de pantalla, logotipos, diagramas. Y siempre que el fondo tenga que quedar transparente.

¿Cuándo JPG?

JPG para fotografías. Con degradados suaves y grano, ocupa una fracción sin que se note la diferencia.

Lo que casi siempre se pasa por alto

Una captura de pantalla guardada como JPG sale con un halo sucio alrededor de cada letra, y eso ya no se quita. Al revés, una foto en PNG se vuelve enorme sin verse mejor: es la misma imagen ocupando diez veces más.

Pasar de PNG a JPG

Qué se pierde

JPG no tiene canal alfa. Un archivo PNG con transparencia sale con esas zonas rellenas —blancas si no indicas otra cosa— y ningún ajuste de JPG devuelve la transparencia.

PNG guarda hasta 16 bits por canal y JPG 8. Esa precisión de más es lo que aguanta correcciones fuertes sin bandas, así que conviene convertir después de editar y no antes.

Abrir el resultado

Adobe Photoshop y GIMP leen tanto PNG como JPG, así que puedes comparar el resultado con el original sin un segundo programa.

Tamaño y calidad

El archivo se reduce mucho, y se reduce descartando detalle. PNG lo guarda todo; JPG guarda lo que el ojo apenas nota. En una fotografía el cambio casi no se paga; en texto, una captura de pantalla o un dibujo lineal se ve como halos en los bordes.

Para qué sirve cada formato

PNG es el formato de PNG Development Group, publicado en 1996. Registra 16 bits por canal.

JPG viene de Joint Photographic Experts Group y es de 1992, recogido en ITU-T T.81. Adobe Photoshop, GIMP y Preview lo leen.

Pasar de JPG a PNG

Qué se pierde

PNG no tiene dónde guardar los campos IPTC, con pie de foto, crédito y palabras clave y las coordenadas GPS, así que no pasan del archivo JPG. Conviene comprobarlo antes de borrar el original, y saberlo si lo que buscabas era justamente eliminarlo.

Qué añade el formato de destino

PNG admite transparencia y JPG no. Es espacio que tiene el resultado y que el original nunca usó: convertir no crea un fondo transparente, solo lo hace posible después.

Abrir el resultado

Adobe Photoshop y GIMP leen tanto JPG como PNG, así que puedes comparar el resultado con el original sin un segundo programa.

Tamaño y calidad

El resultado ocupa más que el original y no es mejor. JPG ya descartó detalle y PNG guarda lo que queda sin descartar más: evita pérdidas futuras, no deshace la primera.

Para qué sirve cada formato

JPG es el formato de Joint Photographic Experts Group, publicado en 1992. Registra 8 bits por canal.

PNG viene de PNG Development Group y es de 1996, recogido en ISO/IEC 15948. Adobe Photoshop, GIMP y Paint.NET lo leen.

Qué hace realmente pasar de PNG a JPG

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB15.9× más pequeño

Una escena fotográfica: degradados suaves, bordes blandos, algo de grano. Es el caso para el que JPG está hecho, o justamente no lo está, y las cifras enseñan cuál de los dos. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB18 % más pequeño

Un fondo transparente y un degradado sobre la forma. JPG conserva las dos cosas, solo una, o rellena la transparencia con un color fijo, y esa es la diferencia con la que tropieza casi todo el mundo. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB6.3× más grande

Colores planos y bordes duros, como en una interfaz, un diagrama o un logotipo. Se comporta de manera completamente distinta a la foto de arriba, y por eso la respuesta es: depende de lo que haya dentro del archivo. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.

Lado a lado

PNG y JPG comparados fila a fila: qué guarda cada formato y qué cuesta.
PNGJPG
Full namePortable Network GraphicsJPEG Image
Extensión.png.jpg, .jpeg, .jpe
Tipo de medioimage/pngimage/jpeg
CompresiónSin pérdida — no se descarta nadaCon pérdida — el tamaño se paga con calidad
Esta página puede escribirlo

¿Ya lo tienes claro? Convierte aquí

De dónde salen estas cifras

Lo que esta página afirma sobre PNG and JPG se puede comprobar: aquí están los documentos que lo fijan.