How do I save a whole web page as an image?

In Chrome, open DevTools (F12), press Ctrl+Shift+P, type full size and choose Capture full size screenshot; it saves a PNG of the entire page. Firefox: right-click, Take Screenshot, Save full page. Edge: Ctrl+Shift+S, Capture full page.

Should I save a web page as PNG or JPG?

PNG for text, code and interfaces, because it is lossless and keeps text sharp. JPG for photo-heavy pages or when the file has to be small enough to email.

Why is my full-page image blurry or cut off?

Browsers limit the size of a single image, so very long pages are either cut off or scaled down to fit. For very long pages, save as PDF instead, which splits the page across multiple pages at full resolution.

Can I save a web page as an image on my phone?

On iPhone, take a screenshot in Safari, tap the thumbnail and choose Full Page (it saves a PDF). On Android 12 and later, take a screenshot and tap Capture more.

How to save a web page as an image

You want the whole page — not just the part on your screen — as a single picture you can attach, archive or annotate. Every desktop browser can do it without installing anything. Here's how, which format to choose, and how to fix the usual problems.

On this page

The built-in way in each browser
PNG, JPG or PDF?
Blurry, cut off, or blank images
Before you share it

The built-in way in each browser

Chrome

Press F12 to open DevTools.
Press Ctrl+Shift+P (Mac: Cmd+Shift+P).
Type full size and choose Capture full size screenshot. A PNG downloads.

Edge

Press Ctrl+Shift+S, choose Capture full page, then the save icon.

Firefox

Right-click an empty part of the page, choose Take Screenshot, then Save full page and Download.

Safari

Safari has no full-page image command. File → Export as PDF saves the whole page as one tall PDF, which you can open in Preview and export as PNG or JPEG.

PNG, JPG or PDF?

Format	Best for	Watch out for
PNG	Text, code, dashboards, bug reports — sharp and lossless	Large files for long pages
JPG	Photo-heavy pages, email attachments	Text edges get fuzzy
PDF	Very long pages, printing, links that stay clickable	Not an image — some apps won't accept it

More on PDFs: how to save a web page as a PDF.

Blurry, cut off, or blank images

Cut off or blurry at the bottom — browsers cap how big one image can be, so very long pages get truncated or scaled down. Save as PDF instead, or capture in parts.
Blank rectangles where pictures should be — the page loads images only as you scroll. Scroll to the bottom and back up before capturing, then try again.
The header repeats down the page — a sticky header was captured in every section. Some tools hide it after the first; DevTools usually doesn't have the problem because it renders the page in one go.
Only a small box got captured — the content scrolls inside a panel (email, chat, dashboards), not the page. You need a tool that can capture that panel.

Before you share it

A full-page image often contains more than you meant to send: an email address in the header, an order number, an API key in a settings panel. Cropping or drawing over it afterwards leaves the original file on disk. See how to redact a screenshot safely.

Full Page Screenshot (Chrome, free)

One click saves the whole page as PNG, JPEG or PDF. It waits for lazy images, shows sticky headers once, captures inner scrolling panels, never quietly shrinks very long pages, and can black out private details before the image is created. Nothing is uploaded.

Get Full Page Screenshot, free

More on this topic: Chrome screenshot extensions compared, honestly (2026) · GoFullPage alternatives: when to use something else (2026) · FireShot alternatives: free scrolling-panel capture, PDF and redaction · Awesome Screenshot alternatives: local, no account, no uploads