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?
Mac – How to take browser screenshots at a higher resolution than the browser supports
browserresolutionscreen capturescreenshotvirtual machine
Related Solutions
That is correct. A smaller monitor with the same resolution has a higher dot pitch.
Not necessarily. It depends on what you want the larger monitor for. If it's for vision problems then an equal or lower resolution may be preferred.
Of course! Yes, you can do that. You will need a UI rendering engine that has vector backend. Gtk+ 3+ has that backend. Please see this project:
But you should know the application should be able to run on Linux using Gtk+. Maybe you can create mockups either with this method, or using Microsoft Visio for having vector output.
See these samples:
- Youtube: Taking and Deconstructing Vector Screenshots
- PDF samples: First - Second - Read more on this
If you are a Debian/Ubuntu user, for installation you can simply do
$ sudo apt-get install gtk-vector-screenshot
$ take-vector-screenshot
And then you only need to choose what application you want to take screenshot with your mouse. Curently, the application should be a Gtk+ 3 for a successful vector screenshot. The result will be a PDF file in the current working directory.
PS: Good news: Firefox 42 will be using Gtk+3.
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.
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.