Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm wondering what screen dimensions Google Instant Preview takes a snapshot of your website at e.g 1024px x 768px...?


FYI: I'm building a "responsive design" layout. Wonder if others like Yahoo or Bing take screenshots? And what dimensions they too use...

share|improve this question
up vote 2 down vote accepted

After a little bit of testing, the preview appears to use a screen width of around 1000 pixels, so it is very likely it uses 1024 as a base.

I checked Wikipedia, which uses a fluid layout. Judging by the scale of the thumbnail it used around 1000 pixel width (you can check more accurately yourself if you like).

I checked CSS-Tricks.com which uses a responsive layout, and the thumbnail shows the second version down (main content and one column on right). That layout appears in the range 920px to 1200px.

For fixed-width designs, the screenshot is taken at or above the fixed width and cropped to that width. I don't know of a design with a fixed width higher than 1024 but if you do, give it a try!

share|improve this answer
Thank you! I really appreciate you went and tested real world examples. This is how I was going to try and find an answer myself. If anyone posts a Google documented source for this information I'll probably accept their answer; but for now your "field testing" is a great answer. – Chris Jacob Apr 27 '11 at 4:22

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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