Wednesday, 28 August 2019

The Easiest Way to take Website Screenshot 2019

The Easiest Way to take Website Screenshot 2019
August 28, 2019


Easiest Way Website Screenshot 2019 - 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 from 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.technogratis.com

Or


https://cdn.statically.io/ss/www.technogratis.com/2019/05/mistaken-myth-about-seo.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.technogratis.com?type=png

Or


https://cdn.statically.io/ss/www.technogratis.com/2019/05/mistaken-myth-about-seo.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.technogratis.com?fullPage=true

Or


https://cdn.statically.io/ss/www.technogratis.com/2019/05/mistaken-myth-about-seo.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.technogratis.com?quality=75

Or


https://cdn.statically.io/ss/www.technogratis.com/2019/05/mistaken-myth-about-seo.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.technogratis.com?mobile=true

Or


https://cdn.statically.io/ss/www.technogratis.com/2019/05/mistaken-myth-about-seo.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. wfor width (width) and hfor 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.technogratis.com?w=500

Or


https://cdn.statically.io/ss/www.technogratis.com/2019/05/mistaken-myth-about-seo.html?h=500

7. Combining parameters


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

Example:


https://cdn.statically.io/ss/www.technogratis.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/technogratis.com?quality=80&type=png" width="1280" height="960" title="Screenshot" />

Like the following picture:


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



Share This :
SUBSCRIBE TO OUR NEWSLETTER

Add Your Comments

bold <b>b</b>
italic <i>i</i>
underline <u>u</u>
HTML<code></code> use Parser

Emoticon
Parser
😊
😉
😀
😁
😎
😍
😜
😑
😇
💖
😯
😱
😭
👍
🍻

Read More...