| Concept | What it means here |
|---|---|
| Crop | Fills the target shape by excluding outer content |
| Fit inside | Preserves proportions and adds unused canvas area |
| Stretch | Fills the canvas by changing proportions |
A shape requirement is not a cropping instruction
A destination can require a square image without requiring you to cut the subject into a square. A rectangular photograph can be placed on a square canvas with margins. Alternatively, a crop can fill the square if the outer content is expendable. The requirement defines the final frame; the appropriate transformation depends on the source and the job.
This distinction is especially useful for product images. A tall object can remain tall on a square canvas. Stretching it until it fills the square would change its apparent proportions. A crop could remove its top and bottom. Fitting preserves the object but leaves more surrounding space. None of those outcomes is interchangeable, even though every exported file might have the same width and height.
Calculate the ratio before choosing a size
Aspect ratio is width divided by height. Pixel dimensions determine the amount of raster detail, while the ratio determines the shape. A small square and a large square share a ratio but not the same resolution. A target should therefore specify both the shape and the needed pixel dimensions, rather than treating a familiar ratio as a complete export specification.
Backdropless crop presets use named ratios to define the frame. The resize tool can preserve the source ratio or fit it inside a chosen canvas. If you supply both dimensions through a platform preset, proportional fitting is the safe default. The source is not stretched merely to make a numerical width and height match.
Worked example: fitting a rectangle into a square
Take an illustrative 1,200 × 800 pixel source and a 1,000 × 1,000 target. The fitting scale is the smaller of 1,000 ÷ 1,200 and 1,000 ÷ 800. That is about 0.8333, so the fitted photograph is approximately 1,000 × 667 pixels. The remaining vertical space becomes margins. These are calculated example dimensions, not a platform’s published requirement.
To fill the same square by cropping, the source could use an 800 × 800 region before resizing. That removes 400 source columns in total, with their placement determined by the crop position. Stretching the full source directly to the target would instead change the relative horizontal and vertical scale. The arithmetic makes the tradeoff visible before the editor is opened.
Place the crop around meaningful content
A centered crop is only a starting point. The subject may sit off-center, look toward one side or include an important accessory near the edge. Move the crop until the essential content remains inside. Check the top of hair, tips of ears, handles, straps and any detail that makes the item or person recognizable. A mathematically balanced crop can still be a poor composition.
Use the destination preview where available. A profile slot may display a circular mask inside a square upload. A listing thumbnail may apply a different crop from the full image. Keep important content away from vulnerable outer corners when the destination makes them invisible. Do not invent a universal safe-area percentage if the platform has not published one; inspect its actual presentation.
Do not confuse padding with restored content
Adding margins increases canvas space around the current image. It does not recover a hand, cable or object corner that was already cut off in the source. If the original capture is incomplete, use another photograph or retake it. A generated extension would be a different editing operation and could introduce details that were never recorded.
Subject cropping after background removal has its own limitation. The bounding box follows the predicted mask. If the model omitted a narrow part, an automatic crop can tighten around that omission. Inspect and restore important subject pixels before cropping to the mask. Otherwise the composition step can make an earlier selection error harder to notice and harder to repair.
Preserve an editable route back
Keep the uncropped original and save the delivery crop as a copy. Different destinations may need different shapes later. A narrow social header cannot be reliably reconstructed from a previously cropped profile image. Starting from the original gives the next crop access to the scene that was removed from the earlier export.
For recurring work, name the destination in the export file. A square catalog image and a wide banner can depict the same subject while serving different purposes. Clear naming reduces accidental reuse of the wrong frame and makes it easier to reproduce the settings. The image’s visible content should remain the primary check, with dimensions confirming the technical requirement.
Check the geometry after download
Reopen the exported file and inspect its pixel dimensions. Then compare the subject’s proportions with the original. A circle should not become an oval merely because a target canvas had a different ratio. If the entire image looks squeezed, check whether Stretch was selected or whether a downstream application changed its display width and height independently.
If the exported file is correct but the destination looks wrong, investigate the destination’s display settings. The problem may be an imposed crop or a layout rule rather than the file itself. Re-exporting repeatedly will not fix a receiving interface that stretches every image. Keep file geometry and display geometry separate while diagnosing the issue.
Review the smallest presentation
A crop that looks balanced in a large editor can become hard to read as a small thumbnail. Inspect the subject at the destination scale before settling the composition. Important details may need more room or a separate detail image. Do not compensate by stretching the object; change the framing or provide another view. The receiving interface is part of the visual test, especially when it applies a circular or otherwise shaped mask to the uploaded rectangle.
Put this method into practice: open the relevant local image tool →. Keep your original and inspect the exported copy.
Questions that come up
Does Fit lower quality?
It may resample the source to fit the target, but it preserves proportions. The visible result depends on the source detail, target size and encoder.
Why are there white margins?
The source and target have different ratios and Fit inside preserves the whole image. Crop first if filling the frame is more important than retaining all outer content.
Can cropping add missing content?
No. Cropping selects existing pixels. It cannot recover parts of a subject that were never captured.
Sources & method
Last checked: . Official rules can change. Calculated presets are identified separately.
- Published tool specifications. Backdropless. Checked 2026-10-29.
- Pixel manipulation with canvas. MDN Web Docs. Checked 2026-10-29.
- Image file type and format guide. MDN Web Docs. Checked 2026-10-29.