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.

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× smaller

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% smaller

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× larger

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 escribirloSíSí

¿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.