The format decision that ruins most screenshots
The single most common screenshot mistake is saving it as JPG. Screenshots are full of sharp edges and text — and that's exactly where JPG fails: it produces the blurry, often color-fringed "dirt" around letters. The result looks unprofessional and, worse, can make small text unreadable.
The rule: screenshots with text belong in PNG (or lossless WebP), not JPG. PNG keeps every pixel and every letter razor-sharp. Only a screenshot that is essentially a photo (a full-screen image with little text) is a candidate for JPG.
PNG vs lossless WebP
| Format | Best for | Note |
|---|---|---|
| PNG | text, UI, sharp edges | universal, lossless |
| Lossless WebP | same, smaller | ~20–30% smaller than PNG |
| JPG | photo-like screenshots only | artifacts on text |
For the web, lossless WebP gives you PNG's sharpness at a smaller size. For maximum compatibility, PNG stays the safe choice.
Shrink without losing sharpness
Screenshots from high-resolution monitors can be surprisingly large. Two levers cut the size while keeping text crisp:
- Crop tightly. Show only the relevant part — the fewer pixels, the smaller the file, and the clearer the message. Most screenshots contain far more than the reader needs.
- Reduce the palette (PNG-8). A UI screenshot often uses few flat colors. An indexed PNG (PNG-8) can shrink it dramatically at identical appearance — try it and compare.
Both run browser-locally with the crop and PNG compression tools — the screenshot isn't uploaded, which matters when it shows private data.
The privacy step everyone forgets
Before sharing a screenshot, check the edges: names and addresses in headers, other open chats, notifications, browser tabs with revealing titles, autocomplete in the address bar. The safest fix isn't a black bar — it's cropping the sensitive area out entirely. And if you must redact something inside the image, use a fully opaque box and re-save so it's baked into the pixels (a light blur can sometimes be reversed).
Best practices for documentation
- Consistent size across a series of screenshots looks professional.
- Highlight the important spot (a rectangle or arrow) so the reader knows where to look.
- Enough resolution that small text stays legible — but not the full 4K monitor if a window suffices.
Conclusion
Save screenshots as PNG (or lossless WebP), crop tightly, and reduce the palette to shrink them without harming text. Mind the edges for privacy — and reach for JPG only when a screenshot is really a photo.