What resizing really does
Every digital picture is a grid of coloured dots called pixels. When you resize an image you change the size of that grid. Making the grid smaller means combining several original pixels into one, which is called downsampling. Making it larger means inventing new pixels between the existing ones, which is called upsampling. The software has to decide what colour each new pixel should be, and the method it uses is what separates a sharp result from a muddy one.
Downsampling is forgiving. You are throwing information away, and good algorithms average neighbouring pixels so edges stay clean. Upsampling is harder because there is no extra information to recover. The picture gets bigger but not more detailed, which is why a tiny image blown up to poster size always looks soft.
Knowing this changes how you work. Whenever possible, start from the largest original and shrink it to the size you need, never the other way round.
Pixels, percent or presets: which method to use
Resizing by pixels is right when a destination dictates exact dimensions, such as a form that wants 600 by 800 pixels or a website slot that is 1200 pixels wide. Type the width, and with the aspect-ratio lock on the height follows automatically.
Resizing by percent is ideal for batches of pictures with different sizes. Scaling every photo to fifty percent keeps their proportions and makes them all roughly four times smaller in area, without you calculating anything. It is also the quickest way to make a gallery lighter.
Presets save you from remembering platform sizes. Choose Instagram square, story, YouTube thumbnail or a WhatsApp profile photo and the tool sets the exact dimensions. Because these shapes are fixed, the tool also asks what to do when your picture has a different shape, which we cover below.
Aspect ratio: the reason pictures look stretched
The aspect ratio is the relationship between width and height. A 4000 by 3000 photo has a ratio of 4:3. If you force it into 1000 by 1000 without cropping, everything is squeezed horizontally and people look unnaturally wide or thin. This is the single most common resizing error.
The aspect-ratio lock prevents it. When it is on, changing the width recalculates the height so proportions stay identical. Turn it off only when you intentionally need a different shape and are prepared to crop or stretch.
When you must reach a fixed shape, such as a square profile picture from a landscape photo, you have two honest choices: crop away the sides so the subject fills the frame, or fit the whole picture inside and add bars. Never stretch. The next section shows how both options work in the tool.
Fill and crop, or fit with a background
Social platforms use fixed shapes, and your photo rarely matches. With Fill and crop edges, the picture is scaled until it covers the whole target shape, and whatever overflows is trimmed equally from both sides. This is perfect for profile photos, covers and thumbnails where the subject is near the centre.
With Fit inside with background, the entire picture is kept and the leftover space is filled with a colour you choose. Use this for product photos, documents and artwork where nothing may be cut off. White is the safest background for shops, black suits cinematic images, and a brand colour can look polished on announcements.
If the crop would remove something important, first use the Crop Image tool to select the exact area you want, then resize the result. That gives you full control over composition.
Common social media and web sizes
- Instagram square post: 1080 by 1080 pixels.
- Instagram portrait post: 1080 by 1350 pixels, which takes more space in the feed.
- Stories and reels: 1080 by 1920 pixels.
- WhatsApp profile photo: 500 by 500 pixels is plenty.
- YouTube thumbnail: 1280 by 720 pixels under 2 MB.
- Facebook cover: around 851 by 315 pixels.
- X header: 1500 by 500 pixels.
- LinkedIn banner: 1584 by 396 pixels.
- Email and blog images: 1200 to 1600 pixels wide is enough for sharp display on most screens.
Platform specifications change from time to time, so treat these as reliable starting points and check the platform’s own help page for anything critical such as advertising creatives.
Keeping photos sharp
Two habits make the biggest difference. First, shrink in one go from the original instead of repeatedly resizing the same file; every pass adds a little blur. Second, resize before you compress. If you compress first and resize after, the artefacts from compression get shrunk and sharpened together and look worse.
The tool also reduces large images in stages rather than in one jump. Averaging pixels step by step preserves edges noticeably better than collapsing a huge photo into a tiny one at once. For the final output, use a quality of 90 or higher when the picture will be seen at full size, and lower values only for small thumbnails.
Finally, avoid enlarging beyond about one and a half times unless you have no alternative. For a bigger increase, the Upscale tool applies smooth resampling plus edge sharpening, which looks better than a plain stretch.
Resizing for printing
Print size depends on pixels and resolution together. A common target is 300 pixels per inch. To print a 10 by 15 centimetre photo (about 4 by 6 inches) you need roughly 1200 by 1800 pixels. For an A4 sheet, aim for about 2480 by 3508 pixels. Fewer pixels will still print, just softer, and viewing distance matters: posters seen from far away can use much lower resolution.
When sending files to a print shop, ask for their required pixel dimensions or resolution and resize to match. Do not rely on the dots-per-inch number stored inside the file, because many programs ignore it. Pixel dimensions are the only thing that really counts.
Batch resizing many photos
If you have a folder of holiday pictures to send, resize them all at once. Add every image, set the width or percentage a single time and the same rule is applied to each. The results can be downloaded as a ZIP file so you do not have to save them one by one.
For a mixed set of portrait and landscape pictures, percentage mode is the safest because every image keeps its own shape. If you use a fixed pixel width with the ratio lock, portrait images will also keep their proportions and simply end up taller than they are wide, which is usually what you want.
Resizing screenshots and graphics
Screenshots, logos and diagrams behave differently from photographs. They contain sharp lines, flat colours and small text, so any smoothing is immediately visible. When you reduce a screenshot, text can become fuzzy because the letters are only a few pixels tall. The safest approach is to shrink by whole fractions such as half or a quarter, which keeps pixel patterns regular.
Prefer PNG for graphics because it stores edges without the blocky halos that JPG leaves around text. If you must make the file smaller, reduce the dimensions instead of the quality. For logos that need to scale to any size, a vector format such as SVG is better, but when you only have a raster image, start with the biggest version you can find.
Resizing for email and messaging apps
Large pictures are a nuisance in messages. Mail servers reject big attachments, and chat apps recompress what you send in ways you cannot control. The best practice is to resize first. A width of 1280 to 1600 pixels is more than enough for people to view a photo on a phone or laptop, and the file usually lands between 200 and 800 kilobytes.
If you are sending many pictures, put them through percentage mode at fifty percent and download a ZIP. Recipients get a single small file, the quality stays good, and you avoid the app’s own heavy-handed compression. For documents like scanned forms, keep the width higher, around 1800 to 2200 pixels, so text remains legible.
Why a resized image looks blurry
Blurriness after resizing normally has one of four causes. The first is enlarging a small picture; there is simply no extra detail to show. The second is resizing a heavily compressed copy, where hidden artefacts get magnified. The third is repeated resizing, with a little softness added each time. The fourth is displaying the image at a different size than you prepared, so the browser scales it again.
The cure is to start from the original, resize once to the exact display size and keep quality high. If the image will appear on high-density phone screens, prepare it at up to twice the displayed width so it stays crisp. A banner shown at 600 CSS pixels should ideally be 1200 pixels wide in the file.
Resizing and file size
Pixel count and file size are linked but not identical. Halving the width and height cuts the pixel count to a quarter, and the file often shrinks by a similar amount. Detailed photos shrink less than smooth ones, and PNG images shrink less than JPG ones because they are lossless.
If your only goal is a smaller file, try this order: reduce the dimensions to what will really be displayed, choose the right format, and then lower the quality gently. Most people do the reverse and end up with a blurry picture that is still too large. Using dimensions first leaves quality headroom and gives better-looking results at the same size.
A quick resizing checklist
- Start from the original file, never from a heavily compressed copy.
- Decide the exact display size or platform preset.
- Keep the aspect-ratio lock on unless you really need a new shape.
- Choose fill-and-crop for profile photos and fit-with-background for products.
- Export at quality 90 or higher for full-size images.
- Compress last and keep the original safe.
With this routine you will avoid stretched faces, blurry banners and oversized files, and your pictures will look consistent everywhere you publish them.
Privacy and finishing touches
All resizing happens inside your browser. The photos are not uploaded, nobody else can see them, and the tool works even on a slow connection. Before publishing, consider also stripping location data with the Remove EXIF tool and compressing the final file with the Compress Image tool.
A good workflow is: crop for composition, resize to the final display size, compress to a sensible quality, clean the metadata, then share. Ready to begin? Open the tool above and resize your first image.