Grow your CSS skills. Land your dream job.

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

  • # October 1, 2012 at 4:13 am

    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?

    # October 1, 2012 at 4:23 am

    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?

    # October 3, 2012 at 2:26 am

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".