To reduce an image’s file size, first shrink its dimensions to the size you actually need, then apply compression, and finally choose the right format. Doing these three things in this order can turn a 5 MB photo into a file of a few hundred kilobytes that still looks good on screen.
Large images cause real problems. Emails get rejected, web forms refuse uploads, and websites feel slow. The good news is that you do not need special software. You can do everything in your browser.
Key takeaways
- Resize first: a phone photo is often far larger than any screen needs.
- Compress second: a small drop in quality can cut the file size a lot.
- Pick the right format: JPG for photos, PNG for graphics, WebP for the web.
- Crop out parts you do not need, and always keep your original file.
Why are image files so big?
Modern phones take photos with many millions of pixels. A picture of 4000 by 3000 pixels is great for printing, but a typical laptop screen is about 1920 pixels wide at most. Showing a huge image in a small space wastes data, because the extra pixels are simply thrown away by the browser.
Image size has two causes: the number of pixels (dimensions) and how well those pixels are compressed (quality and format). To make a file smaller you can work on either one, and the best results come from both.
Four steps to a smaller image
Step 1: Resize the image
Resizing is the biggest win. If you halve the width and height of an image, you keep only a quarter of the pixels, so the file can shrink dramatically.
Here are some sensible target widths:
- Full-width image on a website: about 1200 to 1600 pixels wide
- Image inside a blog post: about 800 to 1000 pixels wide
- Profile picture or small icon: 200 to 400 pixels
- Email or messaging: 1000 to 1500 pixels is usually plenty
Open the image resizer, choose your photo, enter the new width and keep the aspect ratio locked so the picture is not stretched. Then download the result.
Step 2: Crop what you do not need
Sometimes the main subject is only a part of the picture. Cutting away empty sky, a cluttered desk or a screenshot border removes pixels and makes the subject stand out. Use the crop image tool to trim the edges before you compress.
Step 3: Compress the image
Compression lowers the file size by storing the image more efficiently, often by discarding small details that are hard to see. For photos, a quality setting of around 70 to 85 percent usually looks almost the same as the original while being much smaller. Every image is different, so try a setting, look at the result, and adjust.
With the image compressor you can see the old and new size before you download. If the picture starts to look blocky or blurry, increase the quality a little.
What to check after compressing
- Look at faces, text and fine lines at full size.
- Check smooth areas, like the sky, for visible banding or blocks.
- Compare the file size. If it is already small enough, stop. There is no reason to compress more.
Step 4: Choose a better format
The same picture can have very different sizes in different formats. Photos are usually smallest as JPG or WebP. A PNG photo can be many times larger. On the other hand, a screenshot with text is often small and sharp as PNG but looks fuzzy as a low-quality JPG.
If you have a heavy PNG photo, try converting it with the image converter to JPG or WebP. You can read more in our guide to JPG, PNG and WebP.
| Situation | Suggested format | Extra tip |
|---|---|---|
| Photo for email | JPG | Resize to about 1200 px wide |
| Photo on a website | WebP or JPG | Compress at 75 to 85 percent quality |
| Logo with transparent background | PNG or WebP | Keep it small; logos rarely need more than 500 px |
| Screenshot with text | PNG | Crop to the important area |
Common mistakes that make files bigger
- Uploading the original phone photo straight to a website instead of resizing it first.
- Saving a photo as PNG because it «sounds higher quality». For photos it mostly adds weight.
- Compressing the same JPG again and again. Each round loses more detail, so always start from the original.
- Forgetting that screenshots from a large monitor can be very wide. Crop and resize them too.
Fixing just one of these habits can already cut your page weight noticeably.
A simple routine you can reuse
- Keep your original photo safe in its own folder.
- Crop away the parts you do not need.
- Resize to the width you really need.
- Compress and compare the result with the original.
- Convert to WebP or JPG if the file is still too large.
This takes about a minute per image. If you have many images, do the same settings for each one so your pages look consistent.
Privacy and your files
Many online image tools upload your picture to a server. The tools on this site run in your browser, so your files are not uploaded. That is useful for private photos, ID scans or anything you would rather not send to a stranger’s computer.
Finally, remember that smaller is not always better. A small file that looks poor will not impress anyone. Find the point where the picture still looks good at the size people will see it, and stop there. For a hero image or a product photo, it can be worth keeping a little more quality.
Frequently asked questions
Does reducing file size always reduce quality?
Resizing and lossy compression both remove some information. If you do it sensibly, the loss is usually invisible at the size you display the picture. Some compression methods are lossless and reduce size with no visible change, but the savings are smaller.
How small should an image be for a website?
As a rough guide, many people aim for under 200 KB for ordinary blog images, and smaller for thumbnails. There is no single perfect number, so judge by how the page feels.
Why is my compressed image still large?
Check the dimensions. A very large image stays heavy even at lower quality. Resize it first, then compress again.
Can I get back quality after compressing?
No. Lossy compression discards details permanently, which is why you should always keep the original file.
