Benefits of SVGs (Scalable Vector Graphics)
Firstly, what’s an SVG?
An SVG (Scalable Vector Graphic) is an XML-based vector format which uses text to describe how the file should appear.
This means they’re resolution independent, can be searched, scripted, indexed, compressed and edited with any text editor.
This gives them major benefits over traditional JPG or PNG images, starting with:
As SVGs aren’t relative to the screen they’re displayed on, and due to their vector nature, they’re infinitely resizable. This means that unlike a PNG or JPG your SVG will never lose quality no matter how you scale them.
Where a JPG might appear pixilated on a retina display (like your new smartphone), an SVG will always look crystal clear on any screen.
This makes them perfect for illustrations, logos and icons.
2. File size | Performance
Another great benefit of SVG is its small file size, meaning it will always load faster than the alternative. Perfect for your Google Ads campaign!
SVGs are essentially XML text and if used inline, this will remove the server requests needed to load an image file, increasing page speed & site performance – which is great for SEO & UX!
3. Editing capabilities
It could be as simple as changing a colour. What used to take loading up illustrator, making the changes, re-exporting the file, uploading the file to your site and calling in on the page, is now ‘fill #f00’.
Looking to add some impressive SVGs to your website? Take a look at these useful links or get in touch with us to see how we can help!