Scalable Vector Graphics (SVG)

SVG or scalable vector graphics is a file format that allows you to display vector images on your website. This means that you can scale an SVG image up and down as needed without losing any quality, making it a great choice for responsive web design.

Another good reason to use an SVG is that they are very light, hence good for SEO. The simple SVG example images used below are only between 1 and 7 Kbs and the same physical image is used for all the sizes. Also, notice how they do not pixelate on higher resolutions or when you zoom in.

SVG is supported by both the Image component and the Teaser component.