Why You Should Use SVG Images on Your Website (And How It'll Help Your SEO)

Why You Should Use SVG Images on Your Website (And How It'll Help Your SEO)

SVG Images for SEO
Junior Designer
November 6, 2018

So you've probably noticed a huge trend in web design is to have custom illustrations and branded graphics. (If you haven’t don’t worry, check out this post). 

Branded and custom visuals can be incredibly valuable by helping you communicate your brand, create a more visual experience, and give your company a unique look.

That being said, blurry and pixelated visuals or visuals that take forever to load can be your worst nightmare--or, at least, a designer’s worst nightmare. Not to worry! With some small adjustments, you'll be able to achieve a beautiful user experience in no time. All you have to do is save those great logos and custom visuals in SVG format.

 

What is this SVG you speak of?

Developed in the 1990s, the Scalable Vector Graphics (SVG) format is an XML-based vector image format for 2D graphics. Check out this post for more facts and figures about the SVG format.

Now, you techies out there might know exactly what we are talking about, but here's what that means: The SVG format uses text to describe how a graphic element or a vector image will look.

Yep, you read that right! A bunch of text is making those cool visuals on the web and in print. A text-based format for an image sounds a bit counterintuitive, right? Here's why it matters.

 

Scalability

The traditional format used for web images is JPEG. JPEGs work best for real-life images like photographs. However, if you save your custom visuals as JPEG they will be rasterized, meaning that pixels are assigned to a grid.

Once rasterized, you cannot edit or resize the original content. Because the SVG format relies on text, they have no predetermined size or grid. SVG relies on vectors, or lines and shapes instead of pixels. No more worrying about fuzzy, blurry, or pixelated visuals.

 

 Raster vs. vector images

 

SVG's name gives it away: these files were made to be scalable. Scalability allows images and graphics to appear clearly at any size. For the web, this means your visuals will be crisp across all different screen sizes and resolutions.

Without a size or grid to worry about, SVG files are much smaller which can improve faster website loading time. As for print, you can send your visuals off to the printer without having to worry about a blurry poster or banner.

 

Edibility & optimization

SVGs have the added benefit of easy edibility. While rasterized images, such as JPEGs, can be very difficult--if not impossible--to edit, SVG files can be edited using a text editor or, of course, using a vector graphics editing tool like Adobe Illustrator.

Simply saving those great visuals as in SVG format will help your visuals be clean and beautiful on every screen and at every size. SVG files tend to be much smaller than other formats such as JPEG and GIF. You can even optimize your SVG files further by simplifying your vectors and compressing the file. Smaller files mean faster loading times and better optimization for your one-of-a-kind website pages.

 

SEO benefits

SVG images can improve your site’s search engine optimization in more ways than user experience. Another added benefit of SVG being a text-based format is that search engines can read, crawl, and index your images.

With other images, search engines need titles and descriptions in order to read your images, which means that search engines can’t crawl the actual contents of your image. If you love your titles and tags, you can still include keywords and descriptors in an SVG text to help search engines read and crawl your images and visuals even better.

 

How to get SVG images   

To convert your pre-existing files to SVG format, open up your source file in Adobe Illustrator or Photoshop and export a new version of the file as an SVG. If that entire sentence seems way too daunting, you can find easy file converters online that will convert your files for you. Yes, it’s really that simple!

Junior Designer
Andrew Skalitzky hails from New Jersey and is a current senior at Northwestern University. His favorite snacks include Chicago-style popcorn and Mike & Ike's (a.k.a. the most underrated candy). When he was little, he dreamed of becoming a vacuum salesman.

What our clients say

"We engaged with Perfect Search because they seemed like they would be a good partner for our business and from a cost perspective they were on…"
Chris Angell
Sr Director, Marketing Technology Operations US & EMEA

Tweets

Perfect Search Media
2d

RT : The Advanced Guide to Keyword Clustering by

Perfect Search Media
3d

It's almost 2019. (Yes, 2019! Time flies!) Wondering what the future holds for SEO? Mobile-first is still a big dea…

Perfect Search Media
4d

RT : Copywriting & Content Strategy Internship with for SP19; Deadline 11/28/18. Details in Nittany Lion…

Perfect Search Media
4d

Wishing a very happy belated birthday to Quinn, Manager of Search & Social Strategy! Thanks for all your PPC and Mi…

Perfect Search Media
5d

RT : Google launches portal to help developers build modern web sites by

Perfect Search Media
1w

Calling all college students! It's not too late to apply to our winter internships. From digital marketing to copyw…

Perfect Search Media
1w

Thanks Society for making our Friday morning so much better. We had a blast volunteering (and playing…

Perfect Search Media
1w

Thanks for keeping us hydrated on a Thursday!

Perfect Search Media
1w

RT : How Do Sessions Work in Google Analytics? - Whiteboard Friday By

Perfect Search Media
1w

There's a new in town. Google Ads has just rolled out an "absolute top" position for search ads. Here's what it…

Perfect Search Media
1w

Have you heard of SVG images yet? It's a format that helps your UX *and* your SEO. Win-win.

Perfect Search Media
1w

Hey, you! Have you voted yet? Election Day is here—and the Perfect Search team is heading to the polls.

Perfect Search Media
1w

Featured snippets are getting an upgrade. You might spot some very long (and hopefully very helpful!) multifaceted…

Perfect Search Media
1w

RT : What the Local Customer Service Ecosystem Looks Like in 2019 By

Perfect Search Media
2w

Yesterday, Google employees from San Francisco to New York City to Tokyo staged a walkout.

Perfect Search Media
2w

Yes, backlinks matter--but so do your internal links. Discover why internal linking can actually help your rankings.

Perfect Search Media
2w

It’s still Halloween in our hearts. 👻

Perfect Search Media
2w

Did you know you can set up creative testing in the App Store? It may not be as extensive as other ad platforms, bu…

Perfect Search Media
2w

Happy Halloween! Celebrate the spookiest day of the year by reading our spookiest blog post to date.

Perfect Search Media
2w

Wishing you a sweet (and spooky, duh) Halloween! Thanks for satisfying our sweet tooth. 🍩🎃

Perfect Search Media
2w

Say goodbye to tricky quizzes asking you to click all the photos with a stop sign in it. The new reCAPTCHA does awa…

Perfect Search Media
2w

Hey, you. Yes, you. Have you checked your Search Console yet? According to Google, slow sites most definitely do *n…

Perfect Search Media
2w

Noticing some wobbles in your rankings? You're not the only one.

Perfect Search Media
2w

Let's be honest. Link building can be tough--but have you tried natural syndication networks yet?

Perfect Search Media
2w

RT : Building Links with Great Content - Natural Syndication Networks By

Perfect Search Media
3w

Google hasn't been in China since 2010, but it's angling for a comeback. Get the scoop from Wired.

Perfect Search Media
3w

When you're scanning the app store, how long do you take to decide to download an app? The average user takes just…

Perfect Search Media
3w

We had a great time at Chicago’s last night! While we didn’t take home the for best tech work culture,…

Perfect Search Media
3w

Want to become an SEO guru? According to Search Engine Journal, you'll need to excel at these 12 areas.

Perfect Search Media
3w

RT : The Ultimate Cheat Sheet for Taking Full Control of Your Google Knowledge Panels by…

Find us on Facebook


Stay in touch with digital marketing & those who know it best.
Sign up for the Perfect Search newsletter.