The Easiest Way to Website Screenshot [ Update ]

As a blogger, sometimes we need a screenshot of a website for posting illustrations. Many ways to make screenshots of a web page, from browser extensions to application tools and more.

But this time I will share the easiest way to make a screenshot of the latest website which of course is very useful for bloggers.

I casually explore the features of Staticaly . Apparently there are other cool features in addition to the Favicon , the Screenshot feature.

With the screenshot feature of Staticaly, we can easily display screenshots of a web page without the need for a tool, even we don't need to open the website page that we want to take pictures of.

The method is quite easy, if you want to try it please follow the steps below.

1. Use the following URL to screenshot the page

https://cdn.statically.io/ss/URL

Example:

https://cdn.statically.io/ss/www.domain-name.com

Or

https://cdn.statically.io/ss/www.domain-name.com/2019/08/cara-termudah-screenshot-website-2019.html

By default, Staticaly will make a screenshot of a page with 1280x960 image dimensions.

2. Save the image as PNG or JPEG

If you want to take screenshots of pages and want to edit them on a computer, you can save screenshots in PNG or JPEG format.

Please access with the following URL, then right-click on the image and select Save Image as.

https://cdn.statically.io/ss/URL?type=png

Or

https://cdn.statically.io/ss/URL?type=jpeg

Example:

https://cdn.statically.io/ss/www.domain-nameb.com?type=png

Or

https://cdn.statically.io/ss/www.domain-name.com/2019/08/cara-termudah-screenshot-website-2019.html?type=jpeg

3. Take a full page screenshot

We can take a full page screenshot with the following URL:

https://cdn.statically.io/ss/URL?fullPage=true

Example:

https://cdn.statically.io/ss/www.domain-name.com?fullPage=true

Or

https://cdn.statically.io/ss/www.domain-name.com/2019/08/cara-termudah-screenshot-website-2019.html?fullPage=true

4. Set the screenshot quality

We can adjust the image quality with the following URL:

https://cdn.statically.io/ss/URL?quality=75

Example:

https://cdn.statically.io/ss/www.domain-name.com?quality=75

Or

https://cdn.statically.io/ss/www.domain-name.com/2019/08/cara-termudah-screenshot-website-2019.html?quality=75

5. Take a screenshot of mobile mode

If the page we want to take a screenshot of supports mobile display, we can use the following URL

https://cdn.statically.io/ss/URL?mobile=true

Example:

https://cdn.statically.io/ss/www.domain-name.com?mobile=true

Or

https://cdn.statically.io/ss/www.domain-name.com/2019/08/cara-termudah-screenshot-website-2019.html?mobile=true

6. Set the width or height of the page

We can adjust the width of the image with a maximum width of 1280px and or adjust the height of the image with a maximum height of 960px. w for width (width) and h for height (height).

https://cdn.statically.io/ss/URL?w=500

Or

https://cdn.statically.io/ss/URL?h=500

Example:

https://cdn.statically.io/ss/www.domain-name.com?w=500

Or

https://cdn.statically.io/ss/www.doamin-name.com/2019/08/cara-termudah-screenshot-website-2019.html?h=500

But for the width and height can not be combined between w and h .

7. Combining parameters

All the parameters above can be combined or combined as follows:

Example:

https://cdn.statically.io/ss/www.domain-name.com?type=jpeg&quality=75&fullPage=true&mobile=true

And all the URLs above can be directly made as an image src URL like this

<img alt="Screenshot" src="https://cdn.statically.io/screenshot/domain-name.com?quality=80&type=png" width="1280" height="960" title="Screenshot" />

With this we can now display images from any website and set them with the parameters provided to match what we want. Maybe Usefull…