top of page
  • Writer's pictureConcept Computers

Images Types for Your Website

Ever wonder what the difference is between image file types and when you should use them? When you're building a website, certain types of images will display better in specific formats.

Three of the most commonly used image file extensions are .gif, .png and .jpg.

GIF (graphics interchange format) images are limited to 256 colours, meaning they are not great for images with gradients. These images are lossless (no data is lost) when compressed for storage and are best for line drawings, text or icons with a small file size. GIFs can support movement within the image and are good to use for web images.

PNG (portable network graphic) is another lossless compression file format, but is NOT limited to 256 colours. PNG can also support transparent elements, like a transparent background, but does not support movement. These images are best used for the web.

JPG (joint photographic experts group, also seen as .jpeg) is a lossy (meaning unnecessary information will be discarded on compression) compression file format. These images tend to be larger but stored (compressed) as smaller file sizes and can support an array/gradient of colours. They are best used for realistic images like photographs on the web.

Still need some help with your website images? We can do that!

To speak to us about all your web design needs come see us in-store at 1257 Marine Drive in North Vancouver or phone 604-986-7680.

For more information about our web design services, visit

Concept Web Design is part of the Concept Computers family.

keywords: web design north vancouver, web design vancouver, web design burnaby, web design new west, web design trends 2021, jpg vs png vs gif, when to use different image types, what's the difference between png and jpg?, website images, best image types for web design

5 views0 comments

Recent Posts

See All


bottom of page