Image Format – JPEG vs GIF vs PNG vs BMP

Home / Blog / Image Format – JPEG vs GIF vs PNG vs BMP
BMP Format - 131 KB

BMP Format - 131 KB

GIF Normal - 22.7 KB

GIF Normal - 22.7 KB

GIF - Save for web - 23.7 KB

GIF - Save for web - 23.7 KB

JPG Normal - 25.4 KB

JPG Normal - 25.4 KB

JPEG - Save for web - 21.7 KB

JPEG - Save for web - 21.7 KB

PNG Normal - 22.7 KB

PNG Normal - 22.7 KB

PNG - Save for web - 25.0 KB

PNG - Save for web - 25.0 KB

 

 

 

 

 

 

 

 

 

 

 

 

Do not know what format to save the image as for websites?

There are couple of format you can view images on web browser. They are JPEG, GIF, PNG and BMP. Choosing the best image format is an important step for any web site design and reducing size while maintaining high quality standards.

JPEG is the common method images and photos are saved. To save transparent image you can use GIF and PNG, to save image as animation you can use GIF.

I have used an image of 300 x 100 and saved it in different format.

Save for web feature is used in Photoshop.

Below table contains the result for the same image with same size but different format and type

Format Type Size
BMP Normal 131 KB
GIF Normal 22.7 KB
GIF Save for web 23.7 KB
JPG Normal 25.4 KB
JPEG Save for web 21.7 KB
PNG Normal 22.7 KB
PNG Save for web 25.0 KB
BMP Format – 131 KB
GIF Normal – 22.7 KB
GIF – Save for web – 23.7 KB
JPG Normal – 25.4 KB
JPEG – Save for web – 21.7 KB
PNG Normal – 22.7 KB
PNG – Save for web – 25.0 KB

JPEG: Joint Photographic Experts Group

JPEG (Joint Photographic Experts Group) files are (in most cases) a lossy format; the DOS filename extension is JPG (other operating systems may use JPEG). Nearly every digital camera can save images in the JPEG format, which supports 8 bits per color (red, green, blue) for a 24-bit total, producing relatively small files. When not too great, the compression does not noticeably detract from the image’s quality, but JPEG files suffer generational degradation when repeatedly edited and saved. Photographic images may be better stored in a lossless non-JPEG format if they will be re-edited, or if small “artifacts” (blemishes caused by the JPEG’s compression algorithm) are unacceptable. The JPEG format also is used as the image compression algorithm in many Adobe PDF files.

Source: wikipedia

GIF: Graphics Interchange Format

GIF (Graphics Interchange Format) is limited to an 8-bit palette, or 256 colors. This makes the GIF format suitable for storing graphics with relatively few colors such as simple diagrams, shapes, logos and cartoon style images. The GIF format supports animation and is still widely used to provide image animation effects. It also uses a lossless compression that is more effective when large areas have a single color, and ineffective for detailed images or dithered images.

Source: wikipedia

PNG: Portable Network Graphics

The PNG (Portable Network Graphics) file format was created as the free, open-source successor to the GIF. The PNG file format supports truecolor (16 million colors) while the GIF supports only 256 colors. The PNG file excels when the image has large, uniformly colored areas. The lossless PNG format is best suited for editing pictures, and the lossy formats, like JPG, are best for the final distribution of photographic images, because JPG files are smaller than PNG files. Many older browsers currently do not support the PNG file format, however, with Mozilla Firefox or Internet Explorer 7, all contemporary web browsers now support all common uses of the PNG format, including full 8-bit translucency (Internet Explorer 7 may display odd colors on translucent images ONLY when combined with IE’s opacity filter). The Adam7-interlacing allows an early preview, even when only a small percentage of the image data has been transmitted. PNG, an extensible file format for the lossless, portable, well-compressed storage of raster images. PNG provides a patent-free replacement for GIF and can also replace many common uses of TIFF. Indexed-color, grayscale, and truecolor images are supported, plus an optional alpha channel. PNG is designed to work well in online viewing applications, such as the World Wide Web, so it is fully streamable with a progressive display option. PNG is robust, providing both full file integrity checking and simple detection of common transmission errors. Also, PNG can store gamma and chromaticity data for improved color matching on heterogeneous platforms. Some programs do not handle PNG gamma correctly, which can cause the images to be saved or displayed darker than they should be.

Source: wikipedia

BMP: BMP file format (Windows bitmap)

The BMP file format (Windows bitmap) handles graphics files within the Microsoft Windows OS. Typically, BMP files are uncompressed, hence they are large; the advantage is their simplicity, wide acceptance, and use in Windows programs.

Source: wikipedia

Recent Posts
Loading Facebook Comments ...
Showing 5 comments
  • Peter Newell
    Reply

    I would like advice on the following asit is a requirement 5.M>B JPEG GIF PNG BMP Picture Size 200 Width 230 Height i am new to computers I was informed you might be able to help Thank-You Peter

  • Tiana Mah
    Reply

    Very neat blog article.Thanks Again. Cool.

  • Basics of lawn care
    Reply

    well, Thanks for posting! I really enjoyed the report. I’ve already bookmark this article.

  • Cristobal Voiles
    Reply

    Say, you got a nice blog article. Will read on…

  • Shelton Renze
    Reply

    I always find your posts a good read, keep it up!

Leave a Comment

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.