Resize or crop? Make an image fit without stretching it
Worked examples for image dimensions, centered crops and Fit, Fill and Stretch modes, including a 1200 × 800 image and a square output.
Resizing changes scale; cropping changes the frame
Resizing changes the pixel dimensions of an image. Cropping removes part of the image. Compression changes how the image is encoded to affect file size. You may need more than one operation, but each answers a different requirement.
Consider a 1200 × 800 landscape photo that must fit a square product card. Resizing it directly to 800 × 800 by stretching changes the shape of the subject. Keeping the whole photo in a square display leaves unused space. Cropping an 800 × 800 area keeps the proportions but removes the left and right edges.
Ask whether the destination requires exact dimensions or only a maximum width. For a maximum width, preserving proportions is usually appropriate. For an exact square, choose which part of the image may be removed before choosing a resize mode.
Understand PixaTok’s three resize modes
Fit keeps the original proportions within the width and height you enter. It can produce dimensions smaller than one side of the requested box. Fill reaches the target dimensions by removing image area. Stretch reaches the target dimensions by changing the proportions.
For the 1200 × 800 photo and an 800 × 800 target, the original ratio is 3:2. A fit calculation uses a scale of 800 ÷ 1200, so the height is approximately 533 pixels after rounding. The result fits within the square but is not itself square. A fill calculation removes side content to make the square. A stretch squashes the horizontal proportions.
Use Fit when the complete subject matters. Use Fill when the destination needs exact dimensions and cropping is acceptable. Use Stretch only when a change in shape is intentional; it usually looks wrong for faces, products, text and logos.
| Mode | Result | Tradeoff |
|---|---|---|
| Fit | About 800 × 533 | Whole image remains; output is not square |
| Fill | 800 × 800 | Some content is removed |
| Stretch | 800 × 800 | Shapes and proportions change |
Work out a centered square crop
For a 1200 × 800 image, the largest square that fits has sides of 800 pixels. The horizontal space to remove is 1200 − 800 = 400 pixels. Divide that equally between the two sides: the left offset is 200 pixels. The top offset is zero because the crop uses the entire original height.
In the Image Cropper, enter Left offset 200, Top offset 0, Crop width 800 and Crop height 800. This selects the horizontal range from 200 to 1000 and the vertical range from 0 to 800. Check the preview before downloading: a mathematically centered crop may still cut off an off-center subject.
To move the crop toward the subject, change the offsets while staying within the image. Left offset plus crop width must be no greater than the original width. Top offset plus crop height must be no greater than the original height. Negative offsets are not allowed.
Crop first when framing matters, then resize
A centered automatic crop is convenient, but a face, product or caption may be near an edge. Use the Cropper to choose the part you want, then use the Resizer if the final output needs different dimensions. This separates the composition decision from the scaling decision.
For a portrait 9:16 output from a 1200 × 800 source, a 450 × 800 crop has the correct ratio and fits the source. Centering it uses a left offset of 375 and a top offset of zero. This removes much of the landscape photo, so inspect the subject carefully. Resizing it later to 900 × 1600 increases the dimensions but does not add real captured detail.
Save your original and check the final downloaded width, height, transparency and appearance in the receiving application. If a site still rejects the image, compare its file-size limit and format requirements; correct dimensions alone do not satisfy every upload rule.
Try it with your own image
Open the Image Resizer and work from a copy of your original. Review our privacy policy before uploading a file.
For manual framing, use the Image Cropper first.
Found an unclear explanation or a result that differs from these instructions? Tell us what happened so we can investigate and correct the guide.