Image

How to Crop and Resize Images to Exact Pixels

Get images to the precise dimensions social platforms and websites expect, without distortion.

TL;DR

Resizing scales an entire image while keeping all its content; cropping removes parts of it to change shape or focus. Hitting an exact pixel target — like a 1080×1080 profile photo — usually needs both: crop first to fix the aspect ratio, then resize to hit the exact dimensions. Resizing to different width/height proportions than the original without cropping first stretches or squashes the image.

On this page
  1. Cropping vs resizing — not the same thing
  2. Why aspect ratio matters
  3. Common target sizes
  4. Common platform dimensions
  5. Keeping quality after resizing
  6. Crop and resize your image
  7. Common real-world use cases
  8. Common pitfalls and best practices
  9. FAQ

Cropping vs resizing — not the same thing

Resizing scales an entire image up or down while keeping its full content — a resized image shows exactly the same scene, just at different pixel dimensions. Cropping removes parts of the image entirely to change its shape or focus, discarding pixels rather than scaling them.

Getting an image to an exact target size, like a 1080×1080 square for a profile photo, often needs a crop first (to fix the aspect ratio) and then a resize (to hit the exact pixel dimensions). Doing only one or the other rarely gets you cleanly to a specific target size without distortion.

Why aspect ratio matters

An image's aspect ratio is the proportional relationship between its width and height — a 4:3 photo and a 16:9 photo show the same scene shaped very differently. Resizing an image to different width and height proportions than the original stretches or squashes it, distorting faces, logos, and straight lines in ways that are usually immediately noticeable.

Cropping to the correct aspect ratio before resizing avoids this entirely — for example, cropping a wide photo to a 1:1 square before resizing it to 500×500 keeps everything looking natural, since the crop removes excess width rather than squeezing the whole image to fit.

Common target sizes

Common exact-pixel targets include 1080×1080 for Instagram square posts, 1200×630 for social share preview images (Open Graph), and 1920×1080 for standard video thumbnails. Matching these exactly avoids a platform auto-cropping or compressing your image unpredictably, which often produces worse results than cropping it correctly yourself beforehand.

Website contexts have their own common targets too — a typical blog hero image might target 1600×900, while a product thumbnail grid might use a uniform 600×600 square so every item lines up visually regardless of the original photo's shape.

Common platform dimensions

Frequently needed exact pixel sizes
Use caseDimensionsAspect ratio
Instagram square post1080×10801:1
Social share preview (Open Graph)1200×630~1.91:1
Video thumbnail (YouTube)1920×108016:9
LinkedIn cover photo1584×3964:1
Standard profile photo400×4001:1

Keeping quality after resizing

Downscaling a large image to a smaller size is generally safe and produces sharp results, since there's more original detail than the target needs. Upscaling — making an image larger than its original resolution — is the riskier direction, because there's no extra detail to draw from; the tool has to interpolate new pixel values between existing ones, which tends to look soft or blurry past roughly 150% of the original size.

If you need a genuinely larger version of a low-resolution source image, it's worth starting from the highest-resolution original available (a camera's full-size export rather than an already-shrunk web copy) rather than trying to enlarge a small file — the quality ceiling is set by your best source, not by any resizing technique.

Crop and resize your image

  1. Open the Crop Image tool and upload your file.
  2. Select the crop area to fix the aspect ratio for your target size.
  3. Use the Resize Image tool to hit the exact final pixel dimensions.

Common real-world use cases

Freelancers and small business owners prepping product photos for an online store need consistent square thumbnails so a category grid looks uniform rather than a jumble of different shapes. Content creators updating their profile photo across multiple platforms — LinkedIn, X, Instagram, a personal website — often need three or four differently-cropped versions from the same source photo, since each platform's ideal aspect ratio differs.

Marketers preparing a blog post for social sharing need to hit the 1200×630 Open Graph preview size exactly, since platforms crop unpredictably (often cutting off faces or text) when an image doesn't match their expected dimensions. Presenters building a slide deck often resize screenshots to exact dimensions to keep visual consistency across a set of slides, avoiding the slightly-different sizes that come from raw, unedited screenshots.

Common pitfalls and best practices

  • Resizing directly to an exact size without cropping first. This distorts the image unless the source happens to already match the target's aspect ratio exactly — check the ratio first.
  • Enlarging a small image significantly. Scaling up beyond the original resolution doesn't add real detail — it just stretches existing pixels, which looks visibly soft or blurry past a certain point.
  • Cropping off important content (faces, text, logos). Preview the crop against the actual target platform's display shape before finalizing, especially for profile photos where platforms often display a circular crop over your square image.
  • Forgetting different platforms want different aspect ratios. A single source photo often needs several different crops for Instagram, LinkedIn, and a website hero image — plan for that upfront rather than reworking one crop repeatedly.
  • Not accounting for platform-side circular or safe-zone crops. Profile photos are often displayed inside a circle even though you upload a square — keep important content (like a face) centered, away from the corners that get clipped.

Frequently Asked Questions

Resizing scales the whole image up or down while keeping all its content. Cropping removes parts of the image entirely to change its shape, discarding the cropped-out pixels rather than scaling them.
This happens when the target width and height don't match the original image's aspect ratio — resizing to different proportions squashes or stretches the content. Crop to the correct ratio first to avoid this.
Technically yes, but enlarging beyond the original resolution doesn't add real detail — it stretches existing pixels, which typically looks visibly soft or blurry, especially at large enlargement factors.
No — both operations run locally in your browser using the Canvas API, so your image never leaves your device.
Usually yes — platforms like Instagram (square), LinkedIn (wide banner), and YouTube (16:9) expect different aspect ratios, so a single crop rarely works cleanly across all of them without letterboxing or unwanted auto-cropping.

Crop your image

Get the exact aspect ratio you need first.

Open Crop Image
Back to blog