# How to Reduce Image File Size Without Ruining the Quality

- Canonical URL: https://oka-project.com/en/blog/reduce-image-file-size
- Published: 2026-10-09
- Author: oka (https://oka-project.com/en/about)
- Summary: How to make an image file smaller without wrecking it: separate pixel dimensions, file format, quality, and PNG color reduction, use built-in Windows and Mac tools, and meet limits like 2 MB while keeping the original.
- Category: guide / Tags: image compression, image resize, photos, file size, Karuku

---
An email bounces because the attachment is too big. An upload form says "2 MB max." A photo on your blog takes forever to load. In each case, the first move does not have to be dragging the quality slider all the way down.

**Keep a copy of the original, check the pixel dimensions and format the destination actually needs, then adjust the format and save quality.** Working in that order makes it much easier to avoid throwing away more quality than you have to.

> [!NOTE]
> **Shortest path**: duplicate the original → check the destination's file size, dimensions, and accepted formats → resize only if the image is larger than needed → pick a format that suits the image → check the saved file's size and appearance.  
> **Caveat**: there is no fixed rule like "1280 px wide is always 500 KB" or "quality 80 always gets you under 2 MB." It depends on what is in the image and how the original was compressed.  
> **Checked on**: October 1, 2026, against the standard workflows in Windows Paint and macOS Preview, and Karuku's public page. This article does not include measured compression ratios.

## Decide what to do in 30 seconds

| Problem | Check first | What to do |
|---|---|---|
| An email or form says "2 MB max" | Whether dimensions are specified, and the current size | Remove unnecessary pixels first, then adjust format and quality |
| Images load slowly on a blog or web page | The actual display width vs. the original width | Resize for how it will be displayed and save in a suitable format |
| A PNG screenshot is heavy | Whether you need a transparent background or small text to stay sharp | Try lossless optimization first; if you reduce colors, check the result |
| A photo is saved as PNG | Whether it has transparency, and which formats the destination accepts | Compare against JPEG or WebP |
| The image is already small but the file is still large | The file format and the original quality setting | Keep the dimensions and revisit the format and compression settings |
| You need to keep the original for printing or editing | Whether the original and the sharing copy are separate | Leave the original alone and process only the copy you will publish or send |

The first fork in the road: **do not confuse "I need it under 2 MB" with "I need it 1280 px wide."**

## "Size" means three different things

4000×3000 px is the number of pixels across and down. 2 MB is how much space the saved file takes. JPEG, PNG, and WebP are file formats.

| Operation | What mainly changes | When it helps |
|---|---|---|
| Resizing | Width and height in pixels | The original photo is much larger than it will ever be displayed |
| Adjusting compression | How much data is stored | You want a lighter file at the same dimensions |
| Changing the format | How the image is stored and what features it supports | Revisiting photos saved as PNG, transparent backgrounds, web use |
| PNG color reduction | The number of colors, and if needed the levels of transparency | Lightening illustrations and diagrams, but check edges and gradients |

Shrinking the dimensions does not always cut the file size as much as you expect; it depends on how the file is saved again. And recompressing an image does not guarantee the result will be smaller than the original.

## For a single image, your OS may be enough

Windows Paint and macOS Preview can both change an image's width and height. If all you need is to shrink one image to the right dimensions, you may not need another service at all.

- **Windows**: open a copy of the image in Paint → use Resize to set the width and height you need → save under a new name. Make sure the option to keep the aspect ratio is on.
- **Mac**: open a copy of the image in Preview → Tools → Adjust Size, then set the width and height → export or save under a new name. Preview can also resize several images to the same dimensions.

What matters here is not "how many percent smaller" but **deciding first which pixel dimensions the destination requires.**

Sources: [Microsoft: Windows Paint](https://www.microsoft.com/en-us/windows/paint) / [Apple: Resize, rotate, or flip an image in Preview on Mac](https://support.apple.com/guide/preview/prvw2015/mac)

## Photos, screenshots, and transparent images need different formats

Photos, with fine, continuous changes in color and tone, and screenshots, with lots of text and flat color, often suit different formats.

- **JPEG**: easy to use for photos. Not suitable when you need a transparent background stored in an alpha channel.
- **PNG**: a candidate when you need crisp text, diagrams, or a transparent background. Photos saved as PNG can end up large.
- **WebP**: a candidate for both photos and graphics if the destination accepts it. Compare the actual file size and appearance before deciding.

Even when you export PNG, lossless optimization and color reduction produce different results. If you choose color reduction, check semi-transparent edges, gradients, and small text.

## Steps when there is a size limit, such as 2 MB

When a form or email has a cap, work through it in this order:

1. Check the required dimensions, aspect ratio, and accepted formats first.
2. Keep the original and make a copy for sharing.
3. If the image is larger than the required dimensions, reduce the pixel count first.
4. Choose a format that fits the image: photo, graphic, or transparency.
5. Check the size of the actual saved file.
6. Only if it is still over the limit, adjust the quality or dimensions step by step.
7. Always open the finished file and check text, edges, and color at the size it will be used.

Two images that are both 4000×3000 px can compress very differently: a detailed photo and a flat-color diagram will not end up the same size. **Do not assume a percentage reduction in advance; judge by the saved file.**

> [!WARNING]
> If the destination requires specific pixel dimensions, or you will crop the source later, do not shrink the dimensions just to save space. Even if you only change the quality, never overwrite the original file.

### Example: keeping a record while you fix an image

Say the original is 4000×3000 px and 3.8 MB, and the destination asks for "2 MB or less, JPEG or PNG, no size requirement." This is a made-up scenario to show the process, not a claim that every image compresses by the same amount.

| Stage | What to record | Decision |
|---|---|---|
| Copy of the original | 4000×3000 px / 3.8 MB / original format | Keep the original; do not re-save it directly |
| First export | Output px / format / actual saved size | If it is under 2 MB and looks fine, stop here |
| Still over the limit | Actual size after changing quality by one step | Compare text and edges at the same display size as the original |
| Final export | Pixel dimensions / format / actual size / appearance | Upload it and confirm the destination actually accepts it |

A JPEG that fits under the cap but has unreadable fine text has not done its job. On the other hand, if the first export already meets the limit, there is no need to recompress it just to make it lighter.

## When you need batches, presets, or a size cap in one place

For resizing a single image, your operating system's built-in tools will often do. If you need to process several images, choose formats, apply dimensions for different uses, and fit under a size cap all at once, a dedicated tool can help.

[Karuku](https://oka-project.com/en/tools/image-resize), part of oka-project, is one option for compressing and resizing in the browser. Check the current tool page for supported image types, browsers, and processing conditions. Using Karuku is not the goal in itself.

If a file contains confidential or personal information, also check how each tool handles network traffic and storage. It is important not to assume that a tool sends nothing anywhere under every condition just because it says it runs in the browser.

## If you know where the image is going, check that platform's specs first

YouTube, X, note (a Japanese blogging platform), and Open Graph link-preview images all mean different things by "image size": different purposes, aspect ratios, and file size limits. If you already know where the image will be posted, check that service's latest official guidance first, and create a copy for sharing at the dimensions it needs.

- [YouTube thumbnail size: regular videos vs. Shorts](https://oka-project.com/en/blog/youtube-thumbnail-size)
- [X (Twitter) image size and cropping](https://oka-project.com/en/blog/x-twitter-image-size)

## Checking the saved file is about more than file size

- It meets the required pixel dimensions and aspect ratio.
- The finished file is under the size limit.
- Small text, logos, and edges are readable at the actual display size.
- Transparent backgrounds and semi-transparent edges have not broken up.
- The original has not been overwritten, so you can go back if needed.
- The format is one the social network or upload form actually accepts.

Shaving a few kilobytes off does not mean you have met the destination's requirements. The last step is to **compare the original and the exported file at a size close to how they will be seen.**