Search code examples
browser

How to take screenshot of a whole webpage from browser in a single image

In lots of place i saw that people using long screenshot of a full webpage for presentation. I tried with snipping tool but i am not able to take screenshot of whole webpage in a single image. I want to know that how i can take long screenshot from browser like this enter image description here

Solution

  • If you are using Google Chrome then this answer will be beneficial for you.

    Just follow some simple step to take long screenshot of a webpage.

    Step 1: Click the three dots, point to “More Tools,” then click on “Developer Tools.” Alternatively, you can press Ctrl+Shift+I on Windows or ⌘+Shift+I on Mac to open the Developer Tools pane.

    Step 2: In the top right corner of the pane, click the three dots icon, then click “Run Command.” Alternatively, press Ctrl+Shift+P on Windows and ⌘+Shift+P on Mac.

    Step 3: In the command line, type “Screenshot,” then click “Capture full-size screenshot” from the list of commands available.

    The image should save automatically, but if you’re prompted to save the screenshot, select a destination on your computer, then click “Save.”

    Note : This feature is ideal on websites with text-based content opposed to web apps, as it could potentially only capture the viewable screen.

    For more descriptive answer go through this link