Making screenshots

Polypane lets you make screenshots of all your panes together, the visible viewport of a single pane, the full height of a single pane or of a single element.

Overview screenshot of all panes

Click the camera icon ( ) in the address bar or press cmd/ctrl p to create a screenshot of all your panes in your current layout.

The overviews will show both the pane name and the dimensions.

Single page screenshots

In each pane header you will also find a camera icon ( ) to create screenshots of that pane. If you click it three options will appear: Full page, Viewport and Element.

Screenshots include the debug tools applied to them, as well as any changes made to the page with Live CSS or the Elements Panel.

Viewport screenshots

Viewport will create a screenshot for what you see in the current pane.

Full page screenshots

Full page will create a screenshot of the entire height of the page. Creating a full page screenshot takes a while, during which we blur the pane and prevent any interactions. We do a lot to make sure that full page screenshots look like you expect them to and as a result, full page screenshot are generally much better than other browsers.

Element screenshots

Whith the Element option, you can highlight any element on the page and click it to create a screenshot of only that element. If you are having trouble selecting the right element, you can also use the Elements Panel to select an element to screenshot.

Screenshot delay

You can delay screenshots by 5 or 10 seconds to get your page in order before a screenshot it taken to include parts of the page that require hovers or are time sensitive.

To set whether you want no delay, 5 seconds delay or 10 seconds delay, right click the camera icon in the address bar to open up the delay options (They are visible in the pane header as well). A countdown will show to let you know how much time you have left, and on hover the delay will be shown in the camera icon.

Default action for screenshots

You can decide what to do after creating a new screenshot by going to the settings in the top right of the application and picking your preferred action under "screenshots". There are three options:

• Open editor (This is the default)
• Save to disk (using the last used folder. Click the notification to open the folder)
• Copy to clipboard

Screenshot editing

After a screenshot is made, the editing interface appear. It lets you annotate, redact and crop the image before saving it, powered by Pintura.

After you're happy, save the image to disk (in the last used folder, or in a folder of your choice) or copy to clipboard. Once you've saved the image, click the notification and the folder where you saved the image is opened. We support saving the image as a PNG (default), JPEG or PDF file. Images copied to the clipboard can be pasted into Slack, documents etc.

Screenshot editing tools

Annotate

The annotate tab will let you annotate the image with lines, arrows, paths, boxes, ellipses, freeform drawing and text, letting you highlight certain areas of the image before sharing it.

Stickers

Stickers will let you add Emoji and images from your device, as well as some custom tools. The last seven selected Emoji are visible for you to quick select.

• Select image
  Pick an image from disk to add to your screenshot
• #️⃣ Number
  Add a new number to the image with every click, so you can quickly explain ordering issues, or refer to the numbers in a ticket or email.
• 📏 Measure
  Draws a "redline" on the screenshot that shows its length. Use this to communicate size information. Hold shift while dragging to align the line vertically, horizontally or diagonally.
• 😀 Emoji
  A full emoji picker, divided into categories and with search. Any picked emoji will be added to the quick-select option.

Redact

Quickly redacts parts of the image. Pixels are scrambled before blurring to prevent the retrieval of the original data.

Crop

Crop the image to different dimensions before saving.

You can also zoom out in Crop mode to add whitespace around your image for you to add annotations:

Resize

Resize the image. Click the lock icon to maintain the aspect ratio.