What's The Best Free Image Size Reducer For Readable Screenshots?

The checkbox labels in my settings screenshot are turning fuzzy after I reduce the file size for a support ticket. I expected the text to stay readable, but the gray divider lines look fine while the letters get noticeably worse. The original is clear when I open it locally, so this is getting a little annoying.

Does anyone else see this with free image size reducers, especially on screenshots rather than photos? I don’t need the smallest possible attachment; I just need someone to read the settings without guessing. Could the preview be making it look worse than the downloaded file actually is?

I’d compare the original and the smaller download at the size the image will actually be viewed, then check whether the download meets the upload requirements. That separates “small enough” from “still useful,” which aren’t the same result. I’d keep the original untouched throughout. That’s the test I’d use with this free image compressor, rather than judging it only by how much the file shrinks.

I’d decide what has to survive first

My starting point wouldn’t be the quality slider. It’d be the part of the picture I can’t afford to lose. In a photo, I’d look at faces and fine edges. If there’s small lettering, I’d check whether it’s still readable. A smaller file isn’t much of a win if the detail needed for the upload doesn’t hold up.

I’d also resist making the whole decision from a heavily enlarged preview. The useful comparison is at the intended viewing size. That’s where I’d decide whether the smaller copy is good enough, while still checking the details that matter for that particular image.

Format belongs in that check too. The tool accepts JPG, PNG, and WEBP, but a PNG can come out as JPEG. For an ordinary photo, that might be an acceptable trade. For a logo with transparency, I’d treat the output format as a requirement, not an incidental detail. Meeting the size limit wouldn’t settle that issue.

That gives me a clearer definition of success: an acceptable image, in an acceptable format, within the destination’s requirements. The smallest possible download isn’t automatically the best answer. I’d rather stop when those conditions are met than keep compressing just because there’s room to make the number lower.

I’d work backward from the upload limit

The tool lets me choose either a quality setting or a target file size. I’d use those for different jobs. If the receiving site has a fixed allowance, I’d start with “Fit a size limit.” For a 200 KB requirement, I’d enter 200 rather than repeatedly changing quality and checking whether I’ve landed under the cap.

The same option can handle a 100 KB or 50 KB requirement. Those aren’t separate workflows, just different limits. For a strict 1 MB allowance, I’d leave some headroom rather than aim exactly at the boundary. I don’t see much benefit in squeezing right up against a cutoff when the goal is simply to get an acceptable upload.

If the result still needs to be smaller, I’d look at maximum width before pushing compression harder. An unnecessarily large picture gives me another thing to adjust: its resolution. Reducing that can make more sense than retaining all those pixels while accepting increasingly harsh compression.

I’d check the destination’s dimension requirements before doing that, though. File size and pixel dimensions are separate conditions. A download can satisfy the storage allowance and still fail a required width or height. I’d write down both requirements before adjusting anything, so I don’t solve the size problem by creating a dimension problem.

I’d prove the settings on a sample

The convenience here is fairly straightforward. It’s free, doesn’t require signup, and doesn’t add a watermark. Processing happens in the browser rather than by uploading the photos to a server. Those details make it a reasonable option for an everyday oversized-image problem without bringing in a paid photo editor.

Batch processing is available, but I’d hold off until I’ve checked a detailed image. Applying settings across several pictures is convenient only after I’ve decided those settings are suitable. I wouldn’t treat the existence of a batch option as evidence that every picture needs the same treatment.

For your own test, keep the original, choose a picture with fine detail, and make a smaller copy using the actual upload limit. Check its file size, required dimensions, format, and appearance at the intended viewing size. If something fails, adjust quality or maximum width and compare again. Once that sample passes, try the batch and check the downloads before using them.

3 Likes

Do not reduce the screenshot width; instead crop out irrelevant settings and leave the checkbox text in its original pixels. Provide enough context to allow support to easily find the panel. I would recommend using lossless compression (PNG) rather than trying to keep the file size down by using JPEG. The file may not be reduced as much as it could have been however there won’t be any degradation of the text. A neat screenshot will be far more useful to support than a blurry one of the whole window.

If you’re only seeing blurriness in the support ticket preview then download the actual attachment and open it up. You may be trying to fix an issue with the preview rather than what the attachment actually contains. Don’t reduce the max width too much here because the checkboxes are why you’re sending it in the first place. We’d recommend using a reducer which gives you an explicit lossless option. Check the attachment you’ve downloaded is not corrupted. If the attachment isn’t corrupted then changing tools won’t help with your blurry preview.

You won’t be able to recover lost text by saving a blurry JPEG as a PNG. If you have been looping your reduced file sizes back into the reducer then the best thing to do is stop now! Return to capturing a new image.

For this job, I’d pick a free lossless PNG optimizer over a compressor built around a quality slider. I agree with @anonymous on the format, but “save as PNG” and “start with an undamaged screenshot” need to go together. Don’t expect a huge reduction every time, either. If preserving the pixels doesn’t get you under the attachment limit, a different lossless tool may not solve the problem.

Zooming out will help. If it’s a settings page in your browser, just change your browser settings to zoom in. This means the browser will display larger text rather than you having to make the text larger in your image editor. If there is lots of information in the panel, you could take several screenshots of the sections you want to include. This way you can include the section heading so we know what settings we’re looking at.

If needed you may have to use a larger attachment. Do not ask the supporter to look at the screenshot to see which boxes are ticked. Instead, include the exact text from the panel into your ticket noting which settings are enabled/disabled. The screenshot should be included to provide visual evidence.

The lossless PNG advice fits this job. I’d judge a free reducer by whether it preserves the screenshot’s pixels, rather than how impressive its savings look. I disagree with @shadowwolf2011sync on the corruption point, though. A file can open normally and still have blurry text. “Not corrupted” doesn’t establish that the compression settings were suitable, so changing the export settings could still matter.

To describe the ticket, give the name of the setting that you are looking at, whether it is ticked and what it does. Also describe what you expected to happen. This will give a solid reason to attach the file to the ticket, even if the text is a little tricky to read due to your attachment viewer. Do NOT include the whole settings window. Just include the controls involved in the problem and some context so we know where they are. Getting the attachment down to the right size shouldn’t take too much time.

Just because you save your file as a .png doesn’t mean that the text will be lossless. Whilst the advice is correct in saying that it should be saved as a lossless format, when saving as a PNG you may have used a reducer to scale down the image or reduce the colour depth. This can effect the shading of the image which helps make the text look smoother. I would choose to save my file as lossless (with no changes to the size) rather than looking at what format it has been saved as or how crisp the lines are.