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 sample images used below are only between 1 and 7 Kbs. The same physical image is used for all the sizes shown below. 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.