Resizing an image sounds straightforward until you actually need to do it. The dimensions are wrong for a website, a social media platform needs a specific aspect ratio, or you are trying to reduce file size before emailing an attachment. Getting the resize right — without degrading quality more than necessary — requires understanding a few core concepts.
Every image has a resolution: a number of pixels wide by a number of pixels tall. A 4000×3000 pixel photo occupies 12 megapixels of data. Display it at 400×300 pixels on a webpage and the browser scales it down; the image still weighs the same in bytes but looks tiny. Upload it to a platform with a maximum dimension of 1200px and it may be rejected or auto-scaled in ways you didn't choose.
There are three common reasons to resize:
By dimensions is right when you need an exact output size — for instance, a 1200×630px Open Graph image, an 800×800px product photo, or a 600px wide email image. Set the target width and height directly.
By percentage is right when you want to scale proportionally. Setting 50% makes the image half its original dimensions. Setting 200% doubles it. This is useful when you know you want "half size" or "a quarter of the original" but don't care about the exact pixel count.
Aspect ratio is the relationship between width and height. A 1920×1080 image has an aspect ratio of 16:9 (1.78:1). A 2400×2400 image is 1:1 (square).
When you resize to exact dimensions, it is easy to accidentally change the aspect ratio — for example, setting width 800 and height 600 on an image that was originally 1920×1080 will horizontally compress it. This looks visually wrong on portraits and product photos.
Locking the aspect ratio prevents this by automatically recalculating the other dimension. Change the width to 800 on a 1920×1080 image and the tool automatically sets the height to 450, preserving the 16:9 ratio.
JPG is the right choice for photographs and complex images with many colours, gradients, and textures. JPG compression is lossy — it discards data the eye is unlikely to notice — producing small files with good visual quality. Quality setting of 90–92 (which this tool uses) is virtually indistinguishable from the original at normal viewing sizes.
PNG is right when you need pixel-perfect quality — screenshots, graphics with text, logos, diagrams, and images with flat colour areas. PNG is lossless: every pixel is stored exactly. PNG files are typically larger than JPG for the same photographic content, but they do not degrade with repeated saves.
WebP is the modern choice for the web. It typically produces files 25–35% smaller than JPG at equivalent visual quality. Supported by all modern browsers, WebP is ideal when you are optimising images for a website and want the smallest possible file.
"Without losing quality" is mostly about avoiding two mistakes:
Upscaling: Making an image larger than its original size forces the software to invent pixels. A 400×400 photo stretched to 1600×1600 will look blurry or blocky regardless of the algorithm used, because the original detail simply was not there. Only scale down unless you have a good original resolution to work with.
Re-saving JPGs repeatedly: Every time you re-save a JPG, the compression artifacts from the previous save compound. If quality matters, work from the original file, not a previously exported copy.
To resize free using Criply's tool:
The resize runs in your browser using the Canvas API — no upload to a server, no account required.
Why does my resized file look slightly different from the original?
All image resizing involves some resampling — the algorithm has to decide how to distribute the original pixels across the new grid. Downscaling generally looks excellent. Upscaling will show quality loss because you are inventing pixels that weren't there.
Can I resize in bulk?
The tool resizes one image at a time. For batch resizing, use a desktop application like GIMP, Photoshop, or the command-line tool ImageMagick.
7 practical ways to work with PDFs faster. Free, instant download.
Use our free Image Resizer tool — works in your browser, nothing to install.
Image Resizer — Free