How to save a webpage as an image

Saving a webpage as an image gives you an exact visual record — layout, fonts, images and all — that will not change when the site does. Useful for design references, archiving, bug reports and client feedback.

Capturing the page

For just the visible window, your operating system already does this: Cmd+Shift+4 then space on macOS, or Win+Shift+S on Windows.

For the whole page including everything below the fold, you need either Chrome DevTools (see how to screenshot an entire webpage) or a full-page screenshot extension.

Choosing PNG or JPG

PNG is the right default for webpages. It is lossless, so text stays exactly as rendered. Webpages are mostly text, and JPG compression puts visible smudging around sharp letter edges — the artefact your eye picks up as “that screenshot looks cheap”.

JPG is worth it when the page is mostly photography and the file size matters — an image-heavy portfolio, or something you are emailing. At 90% quality the loss is hard to see on photographs.

WebP gives you roughly JPG’s file size at noticeably better quality, and every current browser opens it. Older desktop software sometimes does not.

Keeping text sharp

• Use PNG whenever the screenshot contains text you want to be readable.
• Capture at your display’s full resolution. On a high-DPI screen a good tool captures at that density, producing an image twice the width of the page in CSS pixels. That is what makes it look sharp when someone zooms in.
• Do not resize afterwards. Scaling a screenshot down in another app softens the text. Capture at the size you need.
• Watch out for very long pages. Browsers cap image dimensions at around 32,767 pixels per side. Past that, the capture is scaled down and text gets softer — an unavoidable trade, but you should be told it happened.

Keeping the file manageable

A full-page PNG of a long page can be 20MB or more, which is too large for most email and many chat tools. Options, in order of how much quality they cost:

1. Crop to what matters. Usually you needed one section, not the whole page.
2. Switch to WebP at 85–90% quality. Big saving, small visual cost.
3. Switch to JPG at 90%. Smaller still, at the cost of text edges.

Doing it in one step

FullPageSS captures the full page at your display’s resolution and exports to PNG, JPG or WebP with a quality slider, so you can compare file sizes before saving. It also names the file after the site and date instead of Screenshot 2026-08-14 193829.png, which matters more than it sounds when you are looking for it a fortnight later.