Informa Markets Engineering (IME) is part of the Informa Markets Division of Informa PLC

Informa
Informa

This is an Announcement Bar dolor sit amet, adipiscing elit, sed do eiusmod tempor.

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.

Simple SVG Examples

aem
aem
aem
aem

adobe
adobe
adobe
adobe

w3c
w3c
w3c
w3c

Complex SVG Examples

tools
tools
tools
tools

simple
simple
simple
simple

graph1
graph1
graph1
graph1