How to use vector graphics on the web

This video becomes a bit technical half-way through, but it's a great introduction to vector images, what they are, and why they are often used instead of the jpeg or png image files that we might be more familiar with.

Jpeg and png type files are known as rastor files: these are composed of lots of tiny dots (pixels) that make up the whole image, so they lose picture quality when they are scaled up too much.

Vector files are usually type .svg files, which stands for scalable vector graphics: these are composed of code, which the computer interprets as the image.  This means they are totally scalable, plus load times are much quicker than the pixel images.

To create vector images yourself you will need an application like Illustrator...  But if you already have the svg files then you can just upload them.  For example, if you have outsourced the creation of the images, or bought stock images already in the svg file format, then you can just use these on your websites.