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

"Working with Perfect Search has been an amazing learning experience for us, helping us to reach more patients across the country…"
Sarah McFarland
Communications & PR Director

Tweets

Perfect Search Media
14h

RT : How to Implement a National Tracking Strategy by The Moz Team

Perfect Search Media
4d

You might have stellar search ad copy--but you need to have a stellar landing page to back it up, too.

Perfect Search Media
1w

Seems like people got some pretty good holiday gifts this year. Holiday shopping revenue increased 16.5% from 2017…

Perfect Search Media
1w

SEO and UX are *so* closely related--especially in 2019. Our Director of SEO & Content Justin has 5 suggestions for…

Perfect Search Media
1w

Wishing Nicole, our Manager of HR & Employee Engagement, a very sweet birthday! Thanks for the adora…

Perfect Search Media
1w

Really enjoying the meditation webinar from and right now! Mindfulness seriously changes the game.

Perfect Search Media
2w

Wishing Search & Social Analyst Drew a very happy belated birthday! Thanks for matching your outfit with your Hawai…

Perfect Search Media
2w

RT : What Happens When SEO and CRO Conflict? By

Perfect Search Media
2w

Our Monday mood. (Luckily, we have a formidable snack collection to obsess over IRL.)

Perfect Search Media
2w

New year, new Perfect Search team member spotlight. Say hey to SEO & Content Analyst Ella!

Perfect Search Media
2w

RT : Google emphasizes ‘Message this business’ in new local search test by

Perfect Search Media
2w

Wishing a very happy one-year workiversary to Search & Social Analyst Max! Grateful for your knowledge on all thing…

Perfect Search Media
2w

While we're looking ahead to what 2019 will bring, here's a throwback to our favorite "Year in Review" compilations…

Perfect Search Media
3w

Making your website to-do list for the new year? Manager of SEO & Content Stephanie Castillo has some mobile-specif…

Perfect Search Media
3w

Take a break from planning your ideal New Year's Eve and check out this roundup of the biggest SEO updates in 2018.…

Perfect Search Media
3w

RT : Getting the Most out of Google Chrome for Technical SEO via

Perfect Search Media
1mo

Loved this conversation! So great chatting with everyone. And now, time to enjoy some Christmas cookies. Happy holidays!

Perfect Search Media
1mo

Definitely not boring! Original, valuable, engaging content is the opposite of boring.

Perfect Search Media
1mo

A6: Ugh, so many things! Definitely more of an emphasis on longer promotion calendars, building new partnership opp…

Perfect Search Media
1mo

Sounds like a great combo to cover all bases!

Perfect Search Media
1mo

A5: Like we mentioned in our last answer, we're really into performing answer box opportunities audits for clients…

Perfect Search Media
1mo

Basically we've definitely come to the conclusi…

Perfect Search Media
1mo

Never underestimate the power of brainstorming!! Whenever we get together as a team, we generate *so*…

Perfect Search Media
1mo

A4: For a paid tool, we like . It features really cool tools that allow us to get insights into answer b…

Perfect Search Media
1mo

Basically identical answers! Great minds :)

Perfect Search Media
1mo

Great point! A lot of people send out mass emails for content marketing partnerships and just see what…

Perfect Search Media
1mo

A3: Quick note--nothing is a guarantee! But these 3 elements do help. 1) Keyword research 2) A truly unique, valuab…

Perfect Search Media
1mo

So true! Truly successful content marketing is about striking a balance between great writing and grea…

Perfect Search Media
1mo

Yep! Basically all things content marketing are *not* one-and-done tasks. There's alwa…

Find us on Facebook


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