treehouse : what would you like to learn today?
Web Design Web Development iOS Development

How to take a huge screenshot of a website - responsive images (for retina)

  • I'm using Scott Jehls Picturefill approach to display responsive images on my portfolio site. I'm displaying a relatively large screenshot at around 950px wide and, using Picturefill, I want that swapped with one twice the size for retina devices.

    The biggest size I can capture on my computer is 1280px wide. I need to be able to get a screenshot of my sites at almost 1900px wide.

    I thought I would be able to just zoom in on my page and take a screenshot with the browser's screenshot extension. However, this leads to an image with elements that are misaligned. I've tried various browsers and various screenshot extensions, but I get the same results on all.

    Has anyone any idea of how I can get this screenshot?

  • Go check out a cinema display in the Apple store, make a screen and send it to yourself? :)

    Otherwise you can post the link to the website here and someone with a big screen (not me) can make the screenshot for you?

  • That's a good idea to go into the Apple store, thanks!