Graphic's Files Formats — Image Comparison Part II

In this second example of image comparison using different file types, a graphic depicting plain coloured boxes with sharp edges is used.

We see that the JPEG/ JFIF file format produces noticeable artefacts, blue boxes become slightly blurred even at 100% compression ratio. In contrast, no estrangement effect whatever is noticed for PNG and GIF files.

With respect to file size JPEG/JFIF with its 24bit palette need no consideration but comparing PNG and GIF images we see that the PNG image is about five times smaller than the GIF image.

Best choice of file format when using this kind of graphics is thus the PNG file format.

Original file type: BMP file-size: 23,882 bytes colours: 5 palette: 4bit/16 colours compression ratio: - image size: 250px * 186px resolution 96 DPI fix original image to viewport and let it scroll (does not work in IE)
file type: JPG file-size: 10,604 bytes colours: 583 palette: 24bit/16.7M colours compression ratio: 100%	file type: JPG file-size: 5,459 bytes colours: 4,737 palette: 24bit/16.7M colours compression ratio: 80%
file type: JPG file-size: 4,478 bytes colours: 5,729 palette: 24bit/16.7M colours compression ratio: 60%	file type: JPG file-size: 3,868 bytes colours: 6,309 palette: 24bit/16.7M colours compression ratio: 40%
file type: JPG file-size: 3,028 bytes colours: 6,749 palette: 24bit/16.7M colours compression ratio: 20%	file type: JPG file-size: 1,489 bytes colours: 4,870 palette: 24bit/16.7M colours compression ratio: 1%
file type: PNG file-size: 344 bytes colours: 5 palette: 4bit/16 colours compression rate: 9
file type: GIF file-size: 1,879 bytes colours: 5 palette: 4bit/16 colours compression ratio: -