Practical: Full-page screenshots of your website with Firefox, Chrome and Safari

Who does not know that? You want to create an image of an entire website, but can usually only scan the visible area virtually. It’s actually quite easy to take a screenshot of a website, including the areas that you reach only by scrolling. Here I show you briefly&scarce, how that works.

Total easy: Screenshots with Firefox

Firefox makes it by far the easiest way to create such a full-page screenshot. The process is extremely user-friendly and you do not need any extensions to easily capture the site:

1.To do this, click on the three dots in the URL bar and go to “Take a Screenshot”:


SecondIn the next step, you can optionally have the individual elements of a page photographed virtually by moving the mouse pointer over it and clicking on the respective area.

In this case you want but thewholeTake a photo of the page, and then go to “Save full page” and light off the page.


ThirdAt the very last step, a window opens, in which you actually only press the blue “Download” button. The file is then usually shipped to the Downloads folder and stored there. Unless you have defined another default folder.


And that was about it. Operation succeeded, patient lives. Now let’s look at the process in Chrome next.

Less easy: Screenshots with Chrome

In Chrome, the whole thing is not quite as easy as in Firefox. For developers, this will certainly not be a problem, since they are already familiar with Chromes DevTools. For less experienced users, on the other hand, it is more likely to be somewhat inaccessible, and you have to get used to the process first. And it goes like this:

1.You call the DevTools menu in WindowsCTRL + SHIFT + Ion, (in the Mac perCMD + OLD + I). The following overview appears:


SecondIn a second step d now in WindowsCTRL + Shift + Pwhat calls an input field that looks like this:


ThirdLastly, write the word “screenshot” in the input field, which will display some options. What you need is “Capture full-size screenshot”.


Now you click that, and after a few seconds an image of the entire website will be downloaded to the Downloads folder. Finished. If this is too complicated for you, the screenshot functionality is also available to you as a Chome Extension.

For the sake of completeness, I’ll take a look at the Safari browser.

Also okay: Screenshots with Safari

In Safari, you can also make a screenshot of the “Web Inspector”, which you perCMD + OLD+ I call in the Mac. All you need to do is click on “Capture Screenshot” again, and in no time the file will be in the Downloads folder. If you do not like such developer tools, you can also use an extension la Awesome Screenshot.


What are your favorite extensions or tricks to make such screenshots? Write it down in the comments! The best tips we will include in the article.

Happy photography!

(Post picture: Depositphotos)