Keep Webpage Screenshots Under 1 MB (No-Code)

This guide shows you how to keep webpage screenshots under 1 MB without writing a single line of code. You’ll learn to adjust capture settings, use free online tools, and apply simple compression tricks so your images stay light for email, forms, or uploads. No technical skills needed—just follow the steps.

What You’ll Need

A computer or phone with a web browser
The webpage you want to screenshot
A free online image compressor (e.g., TinyPNG, CompressJPEG, or Squoosh)
Optional: a screenshot tool with settings (like the browser’s built-in developer tools or a browser extension)

Step-by-Step

Choose the right capture method. For most pages, a simple full-page screenshot from your browser is fine. If you only need a section, use the crop tool after capturing. Avoid using your phone’s screenshot button for full pages—it often creates huge images.
Set your screen resolution lower. Before capturing, reduce your browser window size or zoom out (Ctrl/Cmd + minus) to make the page smaller. A smaller viewport means fewer pixels and a smaller file.
Use browser developer tools for exact control (optional but effective). Right-click the page, select “Inspect,” then press Ctrl+Shift+M (Windows) or Cmd+Shift+M (Mac) to toggle device toolbar. Choose a device like an iPhone or a small laptop, then capture using the built-in screenshot button (camera icon). This gives you a clean full-page shot at a set width.
Capture the screenshot. Use your browser’s built-in screenshot feature (e.g., right-click > “Take Screenshot” in Edge, or the extension you prefer). Save it as PNG or JPG—PNG is better for text, JPG for photos. If you can choose quality, pick 80% for JPG.
Open the image in an online compressor. Go to a free service like TinyPNG (for PNG) or CompressJPEG (for JPG). Upload your screenshot.
Adjust compression settings. Most tools have a slider or preset. Start with “lossy” compression—it reduces size dramatically while keeping text readable. For JPG, set quality to 60–70%. For PNG, use the “lossy” option if available.
Download the compressed file. After processing, download the new image. Check the file size—if it’s still over 1 MB, go back and lower the quality further or reduce the dimensions.
Resize if necessary. If compression isn’t enough, use a free resizer like ResizePixel or Canva. Reduce the width to 1280 pixels or less. This alone can cut size by half.
Convert to JPG if still too large. JPG is smaller than PNG for screenshots with lots of colors. Use a converter like CloudConvert to change PNG to JPG at 70% quality.
Verify the final size. Right-click the file and check properties (Windows) or Get Info (Mac). If it’s under 1 MB, you’re done. If not, repeat steps 8–9 with lower settings.

Common Mistakes

Saving as PNG when JPG would do. PNG is great for text but huge for photos. For mixed content, JPG at 70% is usually smaller.
Ignoring the viewport size. A 4K monitor screenshot is enormous. Always shrink the window before capturing.
Using lossless compression only. Lossless barely reduces size. Use lossy for real savings.
Forgetting to check the actual file size. Compression tools show a preview, but always download and verify.

Tips

Use a dedicated screenshot extension like GoFullPage—they often have built-in compression options.
If the page has lots of text, keep the resolution high but use JPG with high quality (80%).
For dark mode screenshots, JPG compresses better because of less noise.
Batch compress multiple screenshots at once with TinyPNG’s bulk upload.
Always keep a copy of the original in case you need a higher-quality version later.

Troubleshooting

File still over 1 MB after compression? Reduce the dimensions further (e.g., to 800px wide) and lower quality to 50%. You can also crop out empty areas.

Text becomes blurry? Increase quality slightly (to 75%) and reduce dimensions instead—blurriness often comes from over-compressing.

Compression tool fails to upload? Some tools have size limits (e.g., 5 MB). Use a different tool like Squoosh, which handles larger files.

Screenshot comes out blank or black? Some pages block screenshots. Try disabling hardware acceleration in browser settings or use a different browser.

Frequently Asked Questions

Can I keep a screenshot under 1 MB without any tools? Yes—set your browser zoom to 50% before capturing, then save as JPG. That often gets you under 1 MB for typical pages.

Is there a difference between PNG and JPG for screenshots? PNG is sharper for text but larger. JPG is smaller but can blur text slightly. For most web pages, JPG at 70% is fine.

What’s the best free compressor? TinyPNG is popular for PNG, and Squoosh offers fine control. Both are free and web-based.

Does reducing resolution affect quality? Yes, but for screenshots viewed on screen, 1280px wide is plenty. Print quality isn’t needed for most uses.

Can I automate this in a no-code workflow? Yes—use a tool like Zapier with image compression apps, or use a browser extension that auto-compresses on save.

Why is my screenshot still huge after compressing? It might be a very long page. Try capturing only the visible area, or split the screenshot into sections.

Method: the standard formula for this calculation, rounded as each result states. See how the calculators work or report an error.

More cards in this drawer

The whole Numbers and Powers drawer →