Full-page screenshots
By default, the only thing you need to do is to set the full_page
parameter to true
:
https://api.screenshotone.com/take?url=https://example.com&full_page=true&access_key=...
The API tuned to balance performance and quality for the full-page screenshots. However, if you need to improve the quality of rendering, for the full-page screenshots, there is a few things you can do:
However, improving the quality of rendering might lead to a performance degradation.
Different rendering algorithms
By default, the API uses the full_page
uses a simple algorithm to screenshot the full page—it asks the browser to render it and usually that means that the browser just stretches the viewport to render the full-page screenshot. It rarely but leads to rendering issues.
You can try to use a different algorithm instead—by_sections:
full_page_algorithm=by_sections
It might be better in most cases. Since it will try to scroll the page and render it section by section, and then stitch all the sections into one image.
But while scrolling the page, not every element might triggered due the speed of the scrolling and the delay between the scrolls. Try to tune scrolling.
Tune scrolling
Try to decrease or increase the size of the scroll step:
full_page_scroll_by=500
And increase the delay between the scrolls, it might help to render the page correctly
full_page_scroll_delay=1500
It might help to render the page better and trigger more lazy-loaded elements.
Reduce animations
Request websites to reduce the number of animations by adding the reduced_motion
parameter:
reduced_motion=true
Wait more
Add from 5 to 10 seconds to wait for the page to load:
delay=5
Block ads, trackers, banners and other elements
Request the API to block ads, trackers, banners and other elements by use the following parameters:
block_ads=true&block_trackers=true&block_cookie_banners=true&block_chats=true&block_banners_by_heuristics=true
Summary
Combining all the tips above, you might try to get the best results with something like that:
https://api.screenshotone.com/take?access_key=...&url=https://example.com&full_page=true&full_page_algorithm=by_sections&full_page_scroll_by=500&full_page_scroll_delay=1500&reduced_motion=true&delay=5&block_ads=true&block_trackers=true&block_cookie_banners=true&block_chats=true&block_banners_by_heuristics=true
Support
Rendering full-page screenshots reliably is a real challenge. And even after a lot of tuning, it might not work for all the pages.
If you have any questions or suggestions, please contact us at support@screenshotone.com.