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?