An exam form wants your photo at a fixed width and height in pixels. A marketplace wants every product image the same size. Your website theme looks odd because one banner is four times wider than the rest. All three problems have the same fix: resize the image to the right pixel dimensions.
Resizing sounds trivial, and the button is. Getting a result that isn't squashed, blurry or rejected by the upload form takes a bit more understanding. This guide covers what pixel dimensions actually mean, how the aspect ratio decides what you get, and a simple routine for getting it right the first time.
Pixels, not centimetres
A digital image is a grid of dots called pixels. A photo described as 4000 × 3000 is 4000 pixels wide and 3000 pixels tall. When a form or platform asks for a size "in pixels", that grid is what it means.
Two things are easy to mix up here:
- Dimensions are the width and height in pixels.
- File size is how much storage the file takes, in KB or MB.
Resizing changes the dimensions. Making an image smaller in pixels usually makes the file smaller too, but if a form has a separate limit like "under 100 KB", you may also need compression. Keep the two requirements separate in your head, and check both.
Aspect ratio: the part people get wrong
The aspect ratio is the shape of the image: the relationship between width and height. A 4000 × 3000 photo has a 4:3 shape. Resize it to 1200 × 900 and it keeps that shape. Resize it to 1200 × 1200 and something has to give.
There are only three things a resizer can do when the target shape doesn't match the original:
- Stretch it to the exact size. Faces get wide, round products turn oval. This is the "squashed photo" problem.
- Fit it inside the target box, keeping its proportions. The result is the right shape, but one side will be smaller than you asked for.
- Crop it to the new shape first, then resize. This is the only way to get exact dimensions and undistorted content.
Knowing which one your tool does saves a lot of re-uploading.
Step by step: resizing an image
Here's the process with the free PKD Ventures Image Resizer. It accepts JPG, PNG and WEBP files up to 25 MB each, and you can add several images at once.
1. Keep the original. Resize a copy. A photo shrunk to a small size has lost detail that can't be brought back later.
2. Add your images. If you're preparing a batch, such as product photos, add them all together so they get the same settings.
3. Choose how to resize. There are two modes:
- Pixels: type a width, a height, or both.
- Percentage: scale everything by a percentage between 1 and 400. Fifty percent turns a 4000 × 3000 photo into 2000 × 1500.
4. Decide on the aspect-ratio lock. In pixel mode there's a "Keep aspect ratio" checkbox, which is on by default. Here's exactly what it does:
- Lock on, width only: the height is calculated for you. A 4000 × 3000 photo at width 1200 becomes 1200 × 900.
- Lock on, height only: the width is calculated the same way.
- Lock on, both width and height: the image is scaled to fit inside that box. The same 4000 × 3000 photo with 1000 × 1000 entered comes out at 1000 × 750. Nothing is stretched or cut off, but it isn't square.
- Lock off, both entered: the image is stretched to exactly what you typed, whether or not the shape matches.
5. Pick an output format. By default the original format is kept. You can switch to JPG, PNG or WEBP if the platform needs a specific one. One detail worth knowing: if you turn a transparent PNG into a JPG, the transparent areas become white, because JPG has no transparency.
6. Resize, then check the result. Each output shows its original and new dimensions (for example "4000 × 3000 → 1200 × 900 px"), and the downloaded file name includes the new size, which makes batches easy to sort.
Getting an exact size like 600 × 600 from a rectangular photo
This is the most common request, and the answer is: crop first, then resize.
- Open the Image Cropper and choose the ratio you need. For a square, pick 1:1. Drag the box over the part you want to keep, such as the face in a profile photo or the product in a listing shot, and crop.
- Bring the cropped image back to the Image Resizer and enter the exact width. With the lock on, the height follows automatically, and because the shape already matches, you get exactly the size you wanted with nothing stretched.
If the form's required shape isn't one of the preset ratios, use the cropper's free mode and type the pixel values for the crop box directly.
When the file is still too big
Some forms set both a pixel size and a file-size limit. After resizing, check the file size. If it's still over the limit, run it through the Image Compressor and lower the quality slider until it fits. Set its maximum width to "Keep original size" so your new dimensions stay exactly as they are, and check the output format, because it defaults to JPG. Doing it in this order (crop, resize, then compress) gives the cleanest result, because each step works on an image that's already close to final.
Tips that save time
- Read the requirement carefully. "Width 200 px" and "200 × 230 px" are different requests. The first lets the height follow the photo; the second needs a crop to the right shape first.
- Resize down, not up. Enlarging is possible (up to 400% in percentage mode) but it can't add detail, so upscaled images look soft. If you only have a small image and need it bigger, an AI upscaler will usually do better than a plain resize.
- Use one width for a whole catalogue. For product listings or a blog, pick one width and apply it to the whole batch. Pages look tidier when images line up.
- Pick the format for the job. JPG suits photos. PNG suits logos, screenshots and anything that needs transparency. WEBP is a good choice for websites that support it.
Common mistakes
Turning the lock off to "force" a size. This is how stretched passport photos happen. If the shape doesn't match, crop instead.
Expecting the lock to give an exact square. With both width and height entered and the lock on, the image fits inside the box. A landscape photo won't come out square until you crop it.
Resizing the only copy. Keep the full-size original for printing or future use.
Resizing the same image again and again. Each round of shrinking and re-saving a JPG loses a little more quality. Go back to the original whenever you need a new size.
Confusing pixels with KB. Hitting the right dimensions doesn't guarantee you're under the file-size limit. Check both before uploading.
Converting a logo to JPG. A transparent logo saved as JPG gets a white background, which looks wrong on coloured pages. Keep logos as PNG or WEBP.
For developers: resizing from the command line
If you resize images in bulk, ImageMagick handles all three behaviours described above:
# Fit inside 1200x1200, keeping proportions
magick input.jpg -resize 1200x1200 output.jpg
# Force an exact size (stretches if the shape differs)
magick input.jpg -resize '1200x1200!' output.jpg
# Fill the box, then crop the centre to an exact square
magick input.jpg -resize '1000x1000^' -gravity center -extent 1000x1000 output.jpg
# Scale by percentage
magick input.jpg -resize 50% output.jpg
The third command is the scripted version of "crop first, then resize", and it's the one most catalogue pipelines want.
A simple routine
- Keep the original.
- Check the required width, height, shape and file-size limit.
- If the shape differs, crop to the right ratio first.
- Resize with the aspect-ratio lock on.
- Check the dimensions and file size, and compress if needed.
Closing note
This guide comes from PKD Ventures, a Kanpur-based team that builds websites, business apps and custom software. We also keep a set of free tools for everyday image, PDF and document jobs at pkdventures.in. If your website or app accepts photos from customers, it's often worth resizing them automatically on upload, so every image arrives at the right size without anyone having to think about it.
Top comments (0)