24 March 2016

Web Design

The Top Image File Formats for Web Design

Web Design is the most important aspect of any business and eCommerce and so are the images placed within it. When designing your website, there are several things to consider and the images you upload is considered to be one of the main factors.

A visually appealing website, a good functioning website and the content are all important aspects for visitors to your website.

What you might not know yet is that different image file formats behave differently and determine the way an image will load and look and therefore choosing the right format is essential.

Let’s take a look at the three main image formats that are available to use as web designers.


JPEG is Joint Photographic Experts Group, and it is the most popular among the image formats used on the web. This format is great for photographs, which are rich in colour and texture, especially digital photographs.

So if you are planning to upload a photo, an image of a person or place, then this is the right choice for you.

JPEG files can be saved with a range of different quality settings, therefore when you save an image as JPEG some of the data is lost such as the visual quality and crispness of the image because it is compressed, however, it also means you are reducing the file size of the image which is essentially good from a download/performance perspective.


  • Don’t use JPEG for simple graphics such as logos or diagrams.
  • Use it for all standard photographs.
  • Save JPEG files without meta data when using on the web.


GIF is short for Graphics Interchange Format. It has become widely recognised due to its ability to save short animations, which can be shared with others. They usually have no more than 256 unique colours. You must have seen these short video clips floating around social media sites, which they have become a big part of. So unless your graphic is animated, you might want to stay away from it.


  • Great for using for short animated graphics such as loading icons.
  • Good for loading animations, such as video clips, saving it as a video file format might be the best option.
  • Small, small, small!! Only use GIF for extremely small graphics.


Stands for Portable Network Graphics. It is a fairly recently introduced format, even though it has been around and approved for about 19 years! It has become popular during web design due to its efficient way of storing simple graphics which contain few colours, so for things like your business logos, charts and diagrams and icons. PNG offers superior quality with smaller file sizes.


  • Use this format for graphics which contain transparency, especially partial transparency.
  • Use as few colours in the image as possible

So when designing your web page, it is vital to understand what image format works best for your website and the images and designs you upload – the best colour and image quality or fast download speeds. Therefore, PNG and GIF formats are generally best for line art such as logos or cartoons and JPEG format is usually best for photographs and other images that have lots of colours. But if you are still unsure or want further help with your web design we can offer expert advice.  

If you are looking for an affordable web design company, look no further. Here at FDC Leicester, we are an award winning eCommerce web design agency with expert knowledge. So give us a call today and book your free consultation.

The Top Image File Formats for Web Design


Talk to us
Or just call us on 0800 131 0707