Blog /
Create full-page scr...
Whether for a presentation, bug report, education, etc, here is how to make a screenshot using available tools for free
resource • 02 Jan
Share
This post will shows you how to capture screenshot using the following methods:
Let’s get started
Our recently published tool allow you to flexibly generate and download webpage screenshot. To create a website screenshot:
Capture
to preview.There are a few options available, including:
Viewport
: Simulate device’s size for screenshotDelay
: Useful when the target webpage contains animation, lazy loading images that need complete before screenshotFull-page
option: either screenshot the entire page, or just as height as specified in the Viewport
Note: This also applied for browsers with Chromium, including recent Firefox, Brave, etc
To capture a website on Chrome Browser:
Developer Tools
by using shortcut Option + Command (⌘) + j
(on MacOS) or Shift + Ctrl + j
(on Windows/Linux).Run command
by shortcut Option + Shift + P
(on MacOS) or Ctrl + Shift + P
(on Windows). Or click on the three vertical dots icon on the top right, then choose Run command
screenshot
. Select a screenshot mode (as below), then choose a location to save the screenshot photoThere are 4 available screenshot modes, including:
Capture area screenshot
: allow you to select an area, then make a screenshotCapture full size screenshot
: generate a screenshot of the entire page (top to bottom)Capture node screenshot
: allow you to select and make screenshot of an element (i.e header, body)Capture screenshot
: generate a screenshot of whatever visible in the current windowThe quickest way to capture a website on Safari browser on MacOS:
Developer Tools
by keyboard shortcut Option + Command (⌘) + J
. Then navigate to Elements
tabhtml
element, select Capture Screenshot
. Then choose a location to save the screenshot photoBesides using the above methods, there are also tools come with the OS itself.
You can use Snipping Tool (scissor icon) to capture screenshot of anything within your screen view. To open Snipping Tool:
⊞ Start, then type
snipping tool` in the search barsnipping tool
Built-in with the OS, you can easily create a screenshot with the following keyboard shortcuts:
Shift + Command + 5
: Create a screenshot of an app’s windowShift + Command + 4
: Select an area, then create a screenshotShift + Command + 3
: Create screenshot from the current screen windowThat’s it. Now you know how to capture a website screenshot using our Site Screenshot Generator, and modern browsers like Chrome, Brave, Firefox, Safari.
Rebit provides a set of tools, make it easier to change, help you save time and money to evolve your business
© 2021 Rebit
Privacy Policy
Terms of Use