How to resize an image without losing quality
Resizing an image means changing its dimensions in pixels: how many dots wide and how many dots tall it is. It is the quickest way to make a photo easier to email, upload, post, or load on a web page, because file size follows pixel count very closely. A modern phone photo can hold 12 million pixels or more, while a laptop screen shows roughly two million and a phone screen even fewer. Most of the detail in a large photo is never actually displayed.
This resizer lets you set a new size by exact pixels, by percentage, or by choosing a social media preset, and everything happens inside your browser, so your photo is never uploaded anywhere. The guide below explains what each option does, how to choose the right dimensions for your purpose, and the mistakes that most often cost people quality.
Stretch, Crop, or Fit: what happens when the shape changes
When you turn off the aspect ratio lock and enter a width and height that do not match the original picture, the tool has to decide what to do with the mismatch. That is what the three resize modes control.
- Stretch. Forces the image to fill the exact box you entered. Nothing is cut off, but the picture is squeezed or pulled out of proportion. Circles turn into ovals and faces look wrong, so use it only for abstract images, textures, or backgrounds.
- Crop. Scales the image until it covers the whole box, centers it, and trims whatever sticks out. The proportions stay natural and there are no empty edges, but you lose some of the picture at the sides or the top and bottom. This is usually the best choice for banners, thumbnails, and profile pictures.
- Fit. Scales the whole image to sit inside the box without cutting anything, then fills the leftover space with a white or black background. Pick this when every part of the picture must stay visible, such as a product photo, a logo, or a document scan.
How big should your image actually be?
The right size depends entirely on where the picture will be seen. Making an image larger than its display size does not make it look better; it only makes the file heavier. The table gives sensible starting widths for common uses.
| Where it will be used | Suggested width | Why |
|---|---|---|
| Full-width website banner | 1600–2000 px | Covers large monitors while staying reasonably light. |
| Blog or article image | 1000–1200 px | Matches the width of a typical reading column. |
| Email or chat message | 800–1200 px | Looks sharp on screen and sends quickly. |
| Online store product photo | 1000–1600 px | Leaves room for zoom without huge files. |
| Thumbnail or avatar | 150–600 px | Small by design, so there is no benefit to more pixels. |
High-density screens such as Retina displays draw two physical pixels for every layout pixel. If an image sits in a 600-pixel-wide slot on your page and you want it crisp on those screens, export it at around 1200 pixels wide. For printing, aim for roughly 300 pixels per inch of the printed size, so a 6 × 4 inch print needs about 1800 × 1200 pixels.
Resizing versus compressing
These two words are often used as if they meant the same thing, but they work differently. Resizing changes the number of pixels. Compressing keeps the pixels but stores them more efficiently, usually by discarding detail the eye is unlikely to miss. Both reduce file size, and they work well together: shrink the dimensions to what you need, then lower the quality slightly for a further saving.
If your goal is a smaller file rather than a particular size in pixels, try the Compress Image tool, or Resize Image to KB if you have a strict limit such as 100 KB.
Choosing JPG, PNG, or WebP for the result
The tool can save your resized image in three formats, and the right one depends on the picture.
- JPG. Best for photographs. It produces small files and is understood by every device and website. It does not support transparency, so transparent areas are filled with a solid color.
- PNG. Best for logos, screenshots, line art, and anything that needs a transparent background. It is lossless, so the quality slider has no effect, and photographic PNG files can be very large.
- WebP. A modern format that is often around a quarter to a third smaller than JPG at similar visual quality, and it also supports transparency. All current browsers can display it, though some older software and a few upload forms still reject it.
Tips for the best results
- Start from the original file. Every time a JPG is saved, a little more detail is lost. Resizing a copy that has already been resized and recompressed several times will look worse than starting fresh.
- Shrink more than you enlarge. Reducing size is nearly lossless in appearance. Enlarging, which this tool allows up to 200%, has to invent pixels that were never captured, so the result looks soft. For a larger print, re-shoot or re-export at a higher resolution.
- Keep the aspect ratio locked unless you have a reason not to. Most distorted photos on the internet come from a width and height that were changed independently.
- Check the side-by-side preview before downloading. It shows the original and the result next to each other, along with the new dimensions and file size.
Why resizing in your browser is better for privacy
Most online resizers send your photo to a remote server, process it there, and send it back. That is slower on a weak connection, and it means a copy of your picture sits on someone else's computer for a while. This tool never does that. Your browser decodes the image, redraws it at the new size on a canvas, and hands you the finished file, all on your own device.
Frequently asked questions
Does resizing an image reduce its quality?
Making an image smaller keeps it looking sharp because you are throwing away pixels the screen could not show anyway. Quality only visibly drops if you also lower the quality slider a long way, save the same JPG repeatedly, or enlarge the image beyond its original size.
Can I make an image bigger without it looking blurry?
Not really. Enlarging forces the browser to estimate new pixels between the existing ones, which softens detail. Small increases of up to about 120 percent are usually acceptable, but large enlargements will look noticeably blurry. The best fix is to start from a higher-resolution original.
What about DPI? Do I need to change it?
DPI only matters for printing, where it describes how many pixels are placed per inch of paper. For screens and uploads, only the pixel width and height count. If you are printing, work out the pixels you need by multiplying the print size in inches by 300.
How do I resize without cropping or stretching?
Leave Lock aspect ratio switched on and enter only a width or a height. The other value is calculated for you. If you need an exact box that has a different shape, choose Fit mode, which keeps the whole picture and fills the spare space with white or black.
Why is my resized PNG still a big file?
PNG is a lossless format, so it keeps every pixel exactly and the quality slider cannot shrink it. Photos saved as PNG are often several times larger than the same photo as JPG or WebP. If you do not need transparency, switch the output format to JPG or WebP.
Is there a limit on the image size I can use?
You can upload JPG, PNG, WebP, HEIC, or GIF files up to 50 MB, and set an output size of up to 10,000 pixels on either side. Very large images use more memory, so a phone may take a little longer than a desktop computer.
Picking a preset switches to Pixels so you can fine-tune the exact size.