4

Does loading an SVG smaller than the original resolution have impact on your SEO?

As example:

index.html:

<img src="test.svg" width="10" height="10"/>

test.svg (original size: 150x150):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
   <circle r="32" cx="35" cy="65" fill="#F00" opacity="0.5"/>
   <circle r="32" cx="65" cy="65" fill="#0F0" opacity="0.5"/>
   <circle r="32" cx="50" cy="35" fill="#00F" opacity="0.5"/>
</svg>
  • Why would it? no, in fact, its recommended for SVG use on page load, otherwise the SVG will appear full page width. – Simon Hayter May 29 '18 at 12:37
  • Note: the <img> tag does not use or need a closing slash and never has. – Rob May 29 '18 at 13:45
  • This shouldn't change anything for Google search – John Mueller May 30 '18 at 9:35
1

Nowhere has Google mentioned not to resize SVGs in their public documentation/comments. The whole point of SVGs is that you can resize them easily while maintaining a low transfer overhead and high quality. While generally it's bad practice to distort image quality by resizing jpgs or pngs, there's no logical reason for them to penalise SVGs being used as intended.

However, you may incur a penalty dependent on an image's use in the design. There are a number of SEO factors that take into account page user friendliness. With that in mind, here's a checklist of Google approved factors that are considerations on page load for image content:

  • Do you think that Google checks the file type that is used in the source of the image tag? – Frans May 31 '18 at 13:17
  • Depends why they're checking it. Looking at their mobile optimisation tool, they definitely check the file type and if it could have been compressed. But I don't think their crawler cares about type so much as size. – L Martin Jun 5 '18 at 11:25

Your Answer

By clicking "Post Your Answer", you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.