Resize & Crop

Online Image Resize & Crop: Adjust Any Image Size

This free online image resizer lets you change the dimensions of any picture without installing heavyweight software like Photoshop — shrink a photo into a website thumbnail, crop it into a social-media avatar, or scale it up to a print resolution, all in seconds. Everything runs through your browser’s built-in Canvas API on your own device, so images are never uploaded to a server, which both protects your privacy and removes upload/download wait times.

It's ideal for everyday users and content creators who resize images often but don't want the cost or learning curve of pro tools, as well as front-end developers who need to pre-process assets quickly.

What Does Resizing Actually Do?

An image's dimensions are its width × height in pixels. Resizing means redrawing each pixel to a new target size: when shrinking, the tool picks representative pixels from the original; when enlarging, it infers new pixel colors. The Canvas API handles this in the background and uses high-quality interpolation to minimize quality loss.

Note that enlarging doesn't add detail out of thin air — it simply stretches existing pixels and fills in the gaps with algorithms, so a small, blurry image stays blurry when blown up. To guarantee quality, start with a source image that has enough pixels.

How to Use It

1. Drag an image into the dashed area or click "Select File" (JPG / PNG / WebP / BMP / GIF, up to 50MB).
2. Enter your target width and height in pixels (you usually need only one — the other auto-fills by ratio).
3. Tick "Keep aspect ratio" so changing one dimension automatically adjusts the other, preventing distortion.
4. Click "Resize" and preview the result side-by-side with the original.
5. Once satisfied, click "Download" to save it locally.

Common Pitfalls

① Don't turn off "keep aspect ratio". Entering mismatched dimensions with the box unchecked will stretch or squash the image, causing distortion — unless you deliberately want that effect.
② Upscaling ≠ sharper. For low-resolution sources, enlarging beyond the original size makes the image blurry; the fix is to use a higher-resolution original.
③ Match the format. Export as JPG for photos, PNG for transparent designs, and WebP for a good balance of size and quality.

Aspect Ratio & Common Size Reference

Many platforms have standard sizes: social avatars are often 1:1 (e.g. 400×400), banners commonly 16:9 (e.g. 1920×1080), and print photos usually 3:2 or 4:3. Check your platform's specs, then have the tool scale it proportionally for best results.

How to Use the Result

The resized image can be used directly for web graphics, article covers, e-commerce main images, community avatars, or printing. If you want to shrink the file size further, follow up with our Image Compressor to squeeze it once more and make pages load faster and use less bandwidth.

Scale Factor and Total Pixels

Area changes with the square of the side length: halving each side leaves a quarter of the pixels, and file size tends to follow. That is why reducing dimensions often saves more than lowering quality alone.

Scaling relative to a 1920 × 1080 source

Scale	Output size	Total pixels	Area versus original
25%	480 × 270	129,600	6.25%
50%	960 × 540	518,400	25.00%
75%	1440 × 810	1,166,400	56.25%
100%	1920 × 1080	2,073,600	100.00%
150%	2880 × 1620	4,665,600	225.00%
200%	3840 × 2160	8,294,400	400.00%

Choosing an Interpolation Method

Canvas fills in new pixel values using interpolation. The choice matters little when shrinking and a great deal when enlarging.

Common interpolation approaches

Method	How it works	When shrinking	When enlarging	Speed
Nearest neighbour	Takes the closest pixel	Visible aliasing	Clearly blocky	Fastest
Bilinear	Weighted average of four neighbours	Smooth and natural	Slightly soft	Fast
Bicubic / Lanczos	Weighted over a wider neighbourhood	Better detail retention	Sharper edges	Slower

Print Sizes and Responsive Breakpoints

Screens are measured in pixels, print in DPI. At the common 300 DPI requirement, inches × DPI gives the pixels you need; on the web, device pixel ratio decides how large an asset must be to stay sharp.

Pixel requirements for common outputs

Scenario	Specification	Required pixels	Notes
4 × 6 inch photo	300 DPI	1200 × 1800	Inches × DPI
A4 page	300 DPI	About 2480 × 3508	Converted from 210 × 297 mm
Full-width phone image	375 CSS pixels, DPR 2	750 physical pixels wide	CSS width × device pixel ratio
Full-width phone image	375 CSS pixels, DPR 3	1125 physical pixels wide	High-density devices
Desktop hero image	1440 CSS pixels, DPR 1	1440 physical pixels wide	Standard displays

Note: the DPI in print sizing is an output setting rather than metadata stored in the file. As long as enough pixels exist, set DPI at export time.

Frequently Asked Questions

Why does resizing save more than lowering quality? File size tracks total pixels roughly in proportion, and halving each side leaves a quarter of the pixels, so reducing dimensions usually helps most.

Can a small image be enlarged into a sharp one? No. Interpolation only estimates new pixels; it cannot recover detail that was never captured, so enlarged images look soft.

What does locking the ratio do? It prevents stretching caused by changing only one side. When a specific composition is needed, crop instead of stretching.

How large should web images be? Prepare them at display width times the device pixel ratio and offer several sizes, which saves more bandwidth than shipping one oversized file.

Related Reading

To remove unwanted edges precisely, use Crop; once dimensions are settled, reduce file size with the Image Compressor; to change container format, use the Format Converter. More sizing guidance is in our resize and crop guide.