Puppeteer: How do I take a high resolution screenshot?
Headless chrome would give me a normal resolution png file.
How can I set resolution?
one question: When I launch a browser, it means it deosn't open a real visual (non-headless) chromium, Am I right?
MehdiRaash
All 3 comments
@MehdiRaash a screenshot corresponds to the pixels in the viewport.
Therefore to increase the resolution of a screenshot you need to increase the resolution of the viewport prior taking the screenshot. I.e.: To mimic a hDPI / retina screen, increase the deviceScaleFactor argument of setviewport.
For an example see: https://github.com/GoogleChrome/puppeteer/issues/571
gebrits
on 9 Nov 2017
👍26
❤9
🎉1
@gebrits is spot on :)
ebidel
on 9 Nov 2017
👍5
❤2
Thanks @gebrits
migueloop
on 25 Jul 2018
Was this page helpful?
0 / 5 - 0 ratings
Related issues
pyper
·
3Comments
vsemozhetbyt
·
3Comments
selfrefactor
·
3Comments
namma-geniee
·
3Comments
sradu
·
3Comments
Most helpful comment
@MehdiRaash a screenshot corresponds to the pixels in the viewport.
Therefore to increase the resolution of a screenshot you need to increase the resolution of the viewport prior taking the screenshot. I.e.: To mimic a hDPI / retina screen, increase the
deviceScaleFactorargument of setviewport.For an example see: https://github.com/GoogleChrome/puppeteer/issues/571