Mac – How to take browser screenshots at a higher resolution than the browser supports

browserresolutionscreen capturescreenshotvirtual machine

I need to take a screenshot of a website as it would appear on a very high resolution monitor… say 4000×3000 pixels. My laptop's screen has a native resolution of 1400×768. Basically, I need to simulate having a monitor resolution much higher than my monitor and video card actually supports. I want the screenshot of the site to look pretty much how it does when you hit CTRL MINUS (zoom out) in Firefox repeatedly, but without any loss of pixels due to scaling. How can I do this? Is there some way to use virtual machine software to simulate a super-high-res display? If not, is there some way to open a browser window bigger than the screen, and then capture its contents as a PNG somehow? Anything else that might work?

Best Answer

  • You can do it with Firefox and 2 extensions: Web Developer and FireShot.

    Once both extensions are installed, go to Tools - Web Developer - Resize - Edit Resize Dimensions... .

    Add a new size, 4000 x 3000. check "Resize the viewport" if you want only the page content to be 4000x3000. If you don't check it, the complete window of Firefox (with toolbars, menu, ...) will be set to this dimension.

    alt text

    Once at the correct size, go to Tools - FireShot - Capture Entire Page and ... . Select an action, like Save for instance. It will save the page content that has been set by Web Developer to the desired size.

    alt text