Episode 191: PNG or JPG – The Big Fight

This is a PNG in JPG lookDownload the Video! (26:07 49.7MB)

In the last Episode I looked under the hood of JP(E)G and PNG. This time it gets a bit more practical – which is better for what?

I tackle two examples from the GIMP Magazine web site and test, if they would be better saved as JPG or PNG. The Plugin “Save for Web” is really usefull for this task.(The image for this blog entry is a PNG by the way, showing JPG compression artifacts. As a JPG it would be five times the size. )

I “developed” a method for comparing two layers – just set the top layer mode to “difference”, make a new layer from visible and check that with the threshold tool for pixels, that are not completely black. After locating the problematic zones in an image with this tool, one can decide what settings are “good enough”.

Conclusion: It depends. It depends on the file, your use case, your level of “good enough” and your compassion for people on a mobile device in EDGE-Hell.

The show starts with a little extension of the last show, Pascal mentioned some options for saving a JPG file that I had overlooked.

The TOC

00:00:00 Start of video
00:01:00 Progressive mode in JPEG
00:04:09 Progressive mode is not fully supported by browsers
00:04:23 Optimized mode
00:05:56 Baseline?
00:06:17 The quality setting
00:07:09 GIMPMagazine and MTG header image – PNG or JPG?
00:09:23 Checking for quality loss in JPG
00:10:03 Comparing two layers with difference mode
00:10:48 Using the histogram for analysis of the amount of difference
00:11:25 Locating the differences
00:13:50 Trying 85, 75 and 90 as quality settings
00:16:13 When in doubt, compare different settings
00:16:36 Save your work as XCF.GZ
00:17:12 Second example – a drawing
00:19:56 Conclusion
00:23:19 Stay at 4:4:4 for subsampling with photos
00:25:16 Final words of wisdom
00:26:07 End of video

Creative Commons License
Meet the GIMP Video Podcast by Rolf Steinort is licensed under a Creative Commons Attribution 3.0 Unported License.
Permissions beyond the scope of this license may be available at http://meetthegimp.org.

10 thoughts on “Episode 191: PNG or JPG – The Big Fight

  1. When saving to PNG format, if the image does not have any transparency then you should remove its alpha channel (if it has one). For the GIMP Magazine PNG banner, removing the alpha channel reduces the file size from 441Kb to 395Kb with no effect on image quality.

  2. Hi Rolf,
    I’m so proud you used one of my images on a MTG episode !
    And I want to thank you also because most of what I know on GIMP I know due to meet the GIMP…so keep going 🙂
    Andrea

  3. Pingback: Links 5/5/2013: Chromebooks Growth, Further Catchup | Techrights

  4. There is way to optimize PNG files and to remove much color information and so that is not needed for the PNG on the web, PNG do save the color for transparent pixels and so on, but few programs has no optimization settings and only save PNG in the easy and fast way, so that the images are big and slow are not the formats fault but Gimp’s and Photoshop’s fault… (not realy).
    http://optipng.sourceforge.net/

  5. Basically, JPG (without too much compression) is designed for photographs that place size over razor-sharp edges and gradients. Meanwhile, PNG is a lossless (and larger) format designed either for printing, transparency, or vector graphics that require perfect edges and solid colors.

Leave a Reply to Andrea Zanovello Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.