Different file types associated with web design

Different file types associated with web design

There are many different file types to choose from when adding images to a website. Choosing the correct file type is important to ensure that images stay high quality. Having high quality images is important in making sure that your website stands out. It is also important to choose the correct file type as some file types take up far more space than others which will make your website load slower.


SVG stands for Scalable Vector Graphics and is a vector based image format that is ideal for use on websites. Instead of being built by pixels like other image types they are built by mathematical formulas.They are ideal for when images need to be drawn accurately at different sizes


JPEG stands for Joint Photographic Experts Group. It is the file type used by digital cameras and is the most widely used image format on the web. It is popular because it has a high level of flexible compression meaning the images won’t have too much of an affect on the page speed. However they can lose a lot of information when compressed meaning that graphics or text can become blurry.


PNG stands for Portable Network Graphic. They are pixel based and are ideal for use with logos as they give you control over their transparency. They also don’t lose their quality when they are compressed. However some web browsers don’t support them meaning they won’t appear if the website is viewed on one of those web browsers.