: Preparing screenshots for use in a print document I would like to feature screenshots of websites taken on my phone, tablet and laptop in a print document. The print document is 300 ppi and

@Ann6370331

What is dimension of the print document ? If its very big with compare to the screenshots, If 1 px of screenshots is same as 1 px of print document , then you can leave it as it is. That is if you don't have to scale the screenshots, it is fine for printing, and you ignore PPI.



Some things to follow.


Adjust colors of screenshots, CMYK mode will be best.
Adjust curve,levels etc.
Don't scale image up/down
Use this to get screenshots with bigger dimensions.




Don't consider PPI/DPI as quality of an image, as long as screenshot-size remain same as final print size, its just fine.

Vote Up Vote Down

@Alves566

This question has been asked on SuperUser and StackOverflow, but I think having it here too is okay. Its something I never even considered.

The answer appears to be to use Phantom.js or one of the websites people have already built with it:


Screenshot Utilities from the Phantom.js website
Screenshot utility someone on StackOverflow made using Phantom.js


I haven't used any Phantom methods before, but might have to remember this.

Another option, which I have personally used, is magnifying the page (Ctrl / Cmd + + and taking screenshot(s) that way, then combining them into one large image as necessary.

In the magnifying of page you'll have to be weary of raster images, they will get pixelated which might defeat the purpose. I'm not sure how it works with the services, I imagine the same since I don't know how it would convert raster into a vector format. I'll test this when I get to my office and edit to confirm.

Vote Up Vote Down