I have an image lets say 300px*300px

I am using 3 different sizes of it on my site 100px*100px, 200px*200px, 300px*300px.

What will be the best for SEO.

Using same images everywhere or using 3 images with different sizes.

  • Do you have just one image (of different sizes), or do you have multiple images, as in an image gallery?
    – MrWhite
    Sep 22, 2012 at 0:26
  • one image of different size and on one page only single size image is shown.
    – Badal
    Sep 22, 2012 at 9:19

2 Answers 2


Using a single image would be better. By doing this, user's browser will be able to download it only once, cache it and use it on your entire website. Since site speed is one of the signals for site quality, it should help you a little bit. Don't forget to specify alt-attributes for your images, they can be different in different parts of your site, even for the same image.

  • This isn't necessarily correct. If you had a page of 100px x 100px thumbnails it would not be correct to only store the larger 300px x 300px image. But this is not clear from the question. "using same images everywhere" implies there is more than one.
    – MrWhite
    Sep 21, 2012 at 16:24
  • 1
    Also worth noting that scaling images with HTML/CSS can itself negatively impact page load speed.
    – GDVS
    Sep 22, 2012 at 16:41

I think you should create different sizes of the image. There are two good reasons for this:

  • You are at the mercy of the browser as to how images are rendered, and every browser seems to have their own choice of algorithms.
  • Mobile devices may have a hard time resizing images, and resizing may be fairly hard on the CPU. See Don't Scale Images in HTML from Yahoo!'s performance guidelines.

As for storing images, Google gives this advice: "Consider structuring your directories so that similar images are saved together. For example, you might have one directory for thumbnails and another for full-size images". To me, this suggests that if you have the same filenames, Google will be clever enough to figure out which images are the resized versions.

I'm not sure how well search engines support it, but adding schema.org ImageObject markup may help search engines identify your images and thumbnails.

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.