The short answer: to make an image file smaller without an obvious drop in quality, first resize it to the dimensions you actually need, then save photos as JPEG or WebP at a quality setting of about 70–85%. Compare the result with the original at full size before you use it. Graphics with sharp edges, text or transparency usually belong in PNG or WebP instead.
This guide explains why those steps work, so you can make good choices for any image, whether it’s a photo for an email, a picture for a website or a scan for an upload form with a size limit.
What image compression is
A digital image is a grid of pixels, and each pixel stores a color. Saved without any compression, a 12-megapixel photo (4000 × 3000 pixels) would need about 36 MB: three bytes of color for each of its 12 million pixels. Image formats use compression to store the same picture in far less space.
Compression works by finding patterns and redundancy. A clear blue sky contains thousands of nearly identical pixels, so a format can describe that area much more efficiently than by listing every pixel. Some formats also discard detail that people are unlikely to notice, which saves even more space.
Why image file size matters
- Upload limits. Job applications, government forms and support tickets often reject files above a fixed size.
- Email attachments. Many email services cap the total size of a message, and large attachments are slow to send and receive.
- Website speed. Images are often the largest files on a web page. Smaller images load faster, especially on mobile connections, and use less of your visitors’ data.
- Storage. Smaller files take up less space on your phone, computer or cloud storage.
JPEG, PNG and WebP compared
The format you choose often matters more than any other setting. These three are the most common for everyday use, and all modern browsers can display them.
| Format | Compression | Transparency | Best for |
|---|---|---|---|
| JPEG | Lossy | No | Photos, where it is supported almost everywhere |
| PNG | Lossless | Yes | Screenshots, logos, diagrams and images with text |
| WebP | Lossy or lossless | Yes | Photos and graphics on the web, usually smaller than JPEG or PNG |
WebP often produces a smaller file than JPEG at similar visual quality, and it supports transparency. The catch is compatibility outside the browser: some older software and some upload forms still only accept JPEG or PNG. If you are not sure what the recipient accepts, JPEG is the safest choice for photos.
For a deeper technical comparison, see the image file type guide on MDN and web.dev’s article on choosing the right image format.
Lossy versus lossless compression
Lossless compression shrinks a file without changing a single pixel. When you open the image again, it is identical to the original. PNG works this way. The savings are limited, especially for photos, because natural images contain a lot of fine, unpredictable detail.
Lossy compression permanently throws away some information to save much more space. JPEG and lossy WebP simplify fine detail and subtle color changes in ways the eye tends not to notice. A quality setting controls the trade-off: lower quality means a smaller file and more visible artifacts, such as blockiness, smudged textures or halos around sharp edges.
There is no setting that guarantees “no quality loss” for lossy formats. The realistic goal is a file where the difference is too small to matter for how you will use the image. For most photos, a quality between 70% and 85% is a good starting point.
How image dimensions affect file size
File size grows with the number of pixels. Halving an image’s width and height leaves a quarter of the pixels, so a 4000 × 3000 photo resized to 2000 × 1500 has 25% of the original pixel count. That alone often makes a bigger difference than any quality setting.
Think about where the image will be shown. A photo in an email or on a blog rarely needs to be more than about 1920 pixels wide, and a profile picture needs far less. Phone cameras routinely produce images of 4000 pixels or more, which is far larger than most screens can display.
Resize first, then compress. Reducing the dimensions to what you need is usually the single biggest saving.
How to compress an image step by step
Here is how to do it with the free Image Compressor. Everything happens inside your browser, so the image is never sent to a server.
- Open the Image Compressor and drag your image onto the upload area, or select Choose an image. JPEG, PNG and WebP files up to 25 MB are supported.
- Choose an output format. Use JPEG for photos that must work everywhere, WebP for the smallest files, or PNG when you need lossless quality.
- Adjust the Quality slider for JPEG or WebP. The default of 75% suits most photos. PNG output is always lossless, so the slider is disabled for it.
- If the image is larger than you need, pick a size under Resize, such as “Longest side 1920 px (Full HD)”. Choose “Keep original size” to leave the dimensions unchanged.
- Check the original size, compressed size and percentage change, and use the before-and-after slider to inspect the result.
- Select the download button to save the compressed file. If the new file is not smaller, the tool tells you and offers to keep the original instead.
The tool re-encodes your image, so camera metadata such as the date taken, camera model and GPS location is not copied into the new file. Photos are rotated the right way up before they are saved, so they look the same as the original.
How to compress an image to 100 KB or another size limit
Online forms for jobs, admissions, exams and government services often set a hard limit, such as 20 KB, 50 KB, 100 KB or 200 KB. Guessing a quality setting and trying again is slow. Instead, set Target size in the Image Compressor to the limit you need:
- Choose your image and select JPEG output, the format most forms accept.
- Set Target size to the limit, for example “Under 100 KB”.
- The tool searches for the highest quality that fits. If even a low quality is too large, it reduces the dimensions and tells you the new size in pixels.
- Check the preview, then download. The result shows the exact size in bytes.
Two details help avoid rejected uploads. First, targets use 1 KB = 1,000 bytes, so a file “under 100 KB” also passes forms that count 1 KB as 1,024 bytes. Second, many forms also require specific pixel dimensions, such as a passport-style photo, so resize to those first, then apply the target size. The smaller the target, the smaller the image needs to be: 20 KB suits a small photo or signature, but not a detailed full-size picture.
Why results vary between images
Two images with the same dimensions can compress very differently. A photo of a calm sky or a plain wall has large smooth areas that compress well. A photo of grass, gravel or a busy crowd is full of fine detail, so it stays larger at the same quality. Digital noise from low-light photos also takes up space, because the encoder tries to preserve it.
The starting point matters too. A JPEG that has already been heavily compressed has little left to remove, so saving it again may barely shrink it, or may even make it larger. Different browsers also use different encoders, so the same settings can produce slightly different sizes in Chrome, Firefox and Safari.
How to compare the original and compressed files
Don’t judge quality from a small thumbnail. Look at the image at the size it will actually be used, and zoom in on areas that reveal problems:
- Faces and skin, where blotchy patches are easy to spot.
- Sharp edges and text, which can develop fuzzy halos.
- Smooth gradients such as skies, where banding (visible steps between shades) can appear.
- Fine textures such as hair, fabric or foliage, which can look smeared.
If you see artifacts, raise the quality a little and compare again. Small increases near the top of the scale can add a lot of file size, so look for the lowest setting that still looks right to you.
When PNG is the better choice
PNG is often the right choice even though its files can be larger:
- Screenshots of apps, documents or websites, where text must stay crisp.
- Logos, icons, charts and diagrams with flat colors and hard edges.
- Images that need a transparent background (WebP can also do this).
- Images you plan to edit again, where repeated lossy saves would add damage each time.
For a photograph, however, PNG usually produces a much larger file than JPEG or WebP with no visible benefit. If you have a photo saved as PNG, converting it to JPEG or WebP is often the easiest saving you can make.
Common image compression mistakes
- Compressing the only copy. Keep your original file. Lossy compression cannot be undone.
- Compressing the same JPEG again and again. Each save loses a little more detail. Start from the original whenever you can.
- Ignoring dimensions. A huge image at low quality often looks worse, and is larger, than a properly resized image at good quality.
- Using JPEG for screenshots and text. JPEG blurs sharp edges. Use PNG or WebP instead.
- Turning quality right down. Very low settings save a little more space but can make photos look obviously damaged.
- Forgetting where the file is going. Check that the destination accepts the format, especially before sending WebP.
Frequently asked questions
Can I compress an image without losing any quality?
Yes, with lossless compression such as PNG, but the savings are usually modest, especially for photos. Lossy formats like JPEG and WebP save far more space and always remove some detail, although at sensible settings the change is often hard to see.
What quality setting should I use for JPEG?
Start around 75% and compare the result with the original. Many photos look fine anywhere from 70% to 85%. Detailed photos or images that will be printed may need more; small web thumbnails can often use less.
Why did my compressed image get bigger?
This can happen when the original was already heavily compressed, when you choose a higher quality than the original used, or when you convert a simple graphic into a format that suits it poorly. If that happens, keep the original file.
How do I get an image under a specific size, like 200 KB?
In the Image Compressor, set Target size to “Under 200 KB”. It picks the highest quality that fits and only reduces the dimensions if it has to. You can also do it by hand: resize first, then lower the quality step by step until the file is under the limit.
Is it safe to compress private photos online?
It depends on the tool. Many online compressors upload your file to their servers. The QuickToolsWorld Image Compressor processes images inside your browser, so the file is not sent anywhere.
Summary
Good image compression comes down to three decisions: the right dimensions, the right format and a sensible quality setting. Resize to the size you need, use JPEG or WebP for photos and PNG for graphics with text or transparency, and always compare the result with the original. When you are ready, open the Image Compressor to try it with your own image.