Image optimization for the web

Class web page

Three examples of images that have been optimized in three formats for use on the web

This image has limited colors and was best optimized as a PNG file with 140 colors at 29.8kb.

optimized as a PNG file.

Here is the same image as a JPEG with 90 quality at 31.7kb.

optimized as a JPG file.

Here it is as a GIF with 225 colors. File size is 36kb.

optimized as a GIF file.

This second image has more complex colors and was best optimized as a JPEG at a quality of 70. File size is 17.5kb.

optimized as a JPG file

Here it is optimized as a PNG with 150 colors. File size is 41.5kb.

optimized as a JPG file

And here it is optimized as a GIF with 175 colors. File size is 52.9kb.

optimized as a JPG file

This final image is a photograph and was best optimized as a JPEG. Quality is 80 and file size is 10.9kb.

optimized as a JPG file

Here it is optimized as a PNG with 256 colors. File size is 58.9kb.

optimized as a JPG file

And here it is optimized as a GIF with 256 colors. File size is 65.3kb.

optimized as a JPG file