Image Resize

Your image is right. The dimensions are wrong. Here's how to fix that.

If you've ever uploaded a photo to a CMS and watched it get auto-scaled weirdly, or discovered that your "hero image" is a 5000px wide DSLR shot that's making your load time embarrassing — that's a dimension problem. Not a quality problem. Not a format problem. Just an image that's the wrong size for where it's going.

This tool resizes images in two ways: by exact width and height (when you know the target size), or by scaling percentage (when you just want something smaller or bigger without doing math). Both run entirely in your browser — no upload, no waiting, no account needed.

When should you resize vs. crop?

They're different operations that solve different problems, and it's worth knowing which one you actually need:

• Resize — scales the entire image to new dimensions. The composition stays exactly the same, everything just gets bigger or smaller proportionally.
• Crop — cuts away parts of the image. You're changing what's visible, not how big everything is.

Rule of thumb: if your image looks good but is just too large, resize it. If the framing is off — too much sky, subject too far to one side, too much background clutter — crop it first, then resize. Most good image workflows do both.

Why the aspect ratio lock is on by default

Stretching an image to fit non-proportional dimensions is one of those things that looks immediately wrong — people end up looking weirdly wide, circles become ovals, product images look distorted. Aspect ratio lock prevents that by automatically adjusting the other dimension when you change one.

There are cases where unlocking it makes sense: non-photographic diagrams, placeholder images, or situations where visual distortion is acceptable by design. But for anything photographic or representing real objects, keep the lock on. The result will look more professional without any extra effort.

Exact dimensions vs. percentage scaling — which to use?

Use exact dimensions when the destination has a specific requirement. Common examples: a CMS image slot that expects 1200×628 for social share previews, a marketplace product image requirement of 800×800, or a banner ad specification at 728×90. When the target size is known, type it in.

Use percentage scaling when you just want the image smaller or larger but don't have a specific target. "Make this 50% smaller" is often all you need when preparing for email, reducing the size before attaching to a document, or doing a rough size reduction before uploading.

Common mistakes when resizing images

• Uploading a 4000px image and letting the website scale it down visually — the browser renders it small, but the 4MB file still downloads. Always resize before uploading, not after.
• Resizing too aggressively — going from 2000px to 80px on a complex image turns detail into mush. Scale down gradually if you're concerned about quality.
• Resizing instead of cropping — if the composition is off, resizing won't fix it. A slightly tighter crop solves the framing problem; resize is for the size problem.
• Unlocking the aspect ratio accidentally — double check this if your result looks stretched or squished.

The page speed connection

Image file sizes are almost always the heaviest thing on a webpage. A properly resized image at the actual display size can be 5–10x smaller than a full-resolution original served at the same visual size. Google's PageSpeed Insights will almost always flag "properly size images" as an opportunity if your images are bigger than they need to be.

Resizing images before upload isn't glamorous work, but it's one of the highest-impact, lowest-effort changes you can make to improve site performance. Every second you take off load time translates to lower bounce rates and a better user experience, especially on mobile connections.

Standard image dimensions worth knowing

If you work with websites, social platforms, or CMSs regularly, memorising a handful of common dimensions saves a lot of back-and-forth. Here's a practical reference for the slots that come up most often:

• Open Graph / social share preview: 1200×630px — used by Facebook, LinkedIn, and most other platforms when a link is shared
• Twitter/X card: 1200×628px (nearly identical to OG, worth keeping consistent)
• YouTube thumbnail: 1280×720px (16:9)
• Instagram square post: 1080×1080px
• Instagram portrait post: 1080×1350px
• Favicon: 32×32px or 16×16px (resize, then convert to ICO or PNG)
• Email header image: 600px wide, height flexible — 200–400px is a common range
• Shopify product image: 2048×2048px max, but 800×800px works fine for most themes

You don't need to memorize all of these — but having a reference handy when you're preparing assets means you can resize to the right target the first time instead of going back and forth.

What "resize" can't fix — and what to do instead

Resizing handles dimension problems. It doesn't fix everything. Here are a few situations where resizing alone won't get the result you want:

• Image is small and you need it larger: Scaling up adds pixels but doesn't add detail. The image will look soft or pixelated. The only real solution is to get a higher-resolution source or use an AI upscaling tool.
• The composition is wrong: Resizing won't move the subject closer or further. That's a crop problem. Crop first, then resize to the target dimensions.
• The file is large because it's uncompressed, not because of dimensions: A 1200×800 PNG can still be 4MB if it's saved as an uncompressed 24-bit image. In that case, resizing helps a little but compressing is the bigger win. Run it through the Image Compressor after resizing.

The best results usually come from combining tools: crop for framing, resize for dimensions, compress for file weight. Doing all three takes only a few minutes and produces an image that's correctly framed, the right physical size, and as small as it needs to be without looking bad.

Frequently Asked Questions