Back to Glossary

What are Scalable Vector Graphics (SVG)

Unless you are dealing with pixel art or 8 bit video games, blurry images are a problem that affects the perceived quality of a digital service. You may have come across pixelled images, perhaps even on your company website. Differently from the classical JPG, there is a “special” format that has brought the quality of vector images also to the Internet. It is called SVG.

SVGs are graphics that never lose their definition when their size is increased. The same image is perfect on a smartphone and on a big screen. They are very light files, also great for high definition prints. As mentioned, SVGs are vector files and there are also other formats.

With the arrival of mobile apps and user interfaces, the SVGs have been progressively integrated also in the web graphics and today most browsers (Mozilla Firefox, Google Chrome, Safari and Opera) support them.

SVGs are particularly indicated for all the icons and graphics with simple lines, flat colors and little or no shading. Photographic images and digital art illustrations instead cannot be turned into vector graphics, so you always have to use them at the correct resolution to avoid the blurred effect.