Online Image File Formats

Website images has a more compressed image because data travels over the internet and not everyone has a fast internet connection. Consequently, we have to use compressed images on our websites.

Why image file formats matter

  All graphics online are image files. These files come in many formats and while you can often convert the initial file format into a different type, doing so is not always good. They render the same images in different ways and have different file sizes.

Common image file formats used on the web:

a. .JPG/JPEG

  This is pronounced as “jay-peg“ and is the short form of .jpeg or Joint Photographic Experts Group. 

  Unfortunately, it does not support transparency and therefore, images of this file type can be difficult to integrate in terms of blending with other materials or elements in your document. 

b. .GIF

  This stands for Graphics Interchange Format.

  This type of image file is capable of displaying transparencies. 

  It is also capable of displaying simple animation. 

  Apparently, this may not be too useful on a printed document but if you are sending documents electronically or through email, or even post documents into a website, then this could be quite impressive. 

c. .PNG 

  This is pronounced as “ping“. It stands for Portable Network Graphics. 

  It is also good with transparencies but unlike .GIFs, it does not support animation.

Properties and Appropriate Usage of Various File Formats

1.         JPEG

 Best for: Photographs and images with gradients.

 Properties: Offers excellent compression, reducing file size significantly. However, this compression can result in loss of quality, especially with repeated compressions.

Usage: Ideal for sharing photos online, storing images in digital photo albums, and using in web design.

2. PNG

Best for: Images with sharp edges, text, and transparency.

Properties: Supports lossless compression, meaning no quality is lost during compression. Also, PNG can handle transparency, making it suitable for creating images with overlays or backgrounds.

Usage: Commonly used for logos, icons, and web graphics that require high-quality and transparency.

3.         GIF

Best for: Simple animations and images with limited color palettes.

Properties: Supports a maximum of 256 colors, making it suitable for simple animations and images with low color complexity.

Usage: Popular for creating animated GIFs, which are often used in social media and online content.

Real-world examples:

 Photo sharing: When sharing a vacation photo online, a JPEG would be the most suitable format due to its compression capabilities.

 Logo design: A PNG format would be ideal for a company logo as it supports transparency, allowing it to be placed over different backgrounds.

 Animated content: A GIF would be the best choice for creating a short animated sequence to share on social media.