Bmp vs Jpg vs gif vs png comparison
By Red Squirrel
The images used in this test are not optimized in any way other then using the 0-12 compression scale in Photoshop where 0 is high compression and 12 is none. We'll look at JPG compression specifically. JPG has lossy compression, which means once it is compressed you can't get the disregarded data back. Let's compare images to decide what is the best JPG compression to use for various situations.
In this table, 12 photos which are compressed from 12(best quality) to quality 0(lowest quality) are displayed. These were saved with Photoshop. As the quality decreases, you can see that it gets more blocky.
Here's the best and worse quality beside each other, to show the difference. You'll notice how the roof of the pentagon looks a little beat up in the second image. But then again, that one is nearly 60KB smaller!
JPG compression makes straight lines look awful, but for complex images, it does not really start showing until you get to like 6 or so. Though if it was a simple image it would start showing at like 10. So that's why it's best to use PNG or GIF for simple images. You'll also notice that JPG compression tends to cancel out certain colors. Usually what will happen is that some colors will darken.
So in conclusion, JPG seems to win the race when it comes to photos, while PNG wins for quality, GIF wins for simple images and BMP, well to not leave it out, it's part of windows and needed in some applications. And it's fun to edit them in hex editors, but other then that BMP should never be used on the web because of it's lack of optimization/compression. While our stats show PNG being slightly bigger the GIF, remember that it was not optimized, and there are ways to optimize them, so that it is smaller. What makes PNG stand out is the fact that unlike GIF, it's not limited to 256 colors, and it's file size, unlike BMP does not depend on only the physical size, but also on the complexity. Both GIF and PNG support transparency, but PNG's transparency is much better, as it supports alpha transparency (pixels can be semi-transparent).
Well this concludes this article and I hope the information and statistics proved useful to you.
This site best viewed in a W3C standard browser at 800*600 or higher
Site design by Red Squirrel | Contact
© Copyright 2020 Ryan Auclair/IceTeks, All rights reserved