At 100% zoom, Fit with Background uses the largest scale that keeps the entire source inside the target canvas. Blur Background uses the same complete foreground image and fills the remaining canvas with an enlarged, blurred copy. Both modes export a PNG.
First decide whether cropping is actually allowed
Do not crop when the outer edge carries information. Typical examples are a product that must remain complete, a screenshot with controls at the border, a poster with a frame, a full-body photo, a chart with axis labels, or a group photo where people stand near both sides. In those cases, changing from landscape to portrait cannot both fill the frame and preserve every pixel. The output needs padding or a background treatment.
Worked conversion: 1600 x 900 to 1080 x 1920
A 1600 x 900 source is 16:9 landscape. A 1080 x 1920 cover is 9:16 portrait. Their shapes are so different that Crop to Fill retains only a central vertical slice. The current tool calculates the modes as follows:
| Mode | Visible source | Canvas result | Use it when |
|---|---|---|---|
| Crop to Fill | About 506 of 1600 source-width pixels | No bars; about 68% of horizontal content is removed | The center subject is all that matters |
| Fit with Background | All 1600 x 900 source pixels | Foreground is about 1080 x 608 with color above and below | Every edge must remain visible |
| Blur Background | All 1600 x 900 source pixels in front | Same 1080 x 608 foreground over a blurred full canvas | You need a vertical cover without plain bands |
The 506 px figure describes the equivalent width retained from the original source when it is scaled to fill the 9:16 canvas. It is a ratio calculation, not a claim that the downloaded file is only 506 px wide; the exported canvas is still 1080 x 1920.
Use Fit for factual images
Fit is the safer choice for ecommerce, instructions, comparisons, charts, app screenshots, and artwork. Select a background color that belongs with the image rather than choosing white automatically. A white product on a white background may disappear at the edge; a dark screenshot may look disconnected on a bright canvas. The background should create separation without changing what the source communicates.
- Upload the original JPG, PNG, or WEBP in the browser resizer.
- Select the destination preset before judging the crop.
- Choose Fit with Background and keep zoom at 100% to preserve the whole source.
- Choose a background color, then check every edge in the preview.
- Download the PNG and inspect it at phone size.
Use Blur when padding looks accidental
Blur is useful for a landscape photo placed in a vertical Story or cover. It preserves the original composition while making the unused area feel connected to the image. It is usually weaker for charts, product cutouts, small text, or screenshots because the enlarged background can create visual noise. If the foreground is hard to distinguish from its blurred copy, return to Fit and use a quiet solid color.
Why zoom can reintroduce cropping
Fit preserves the full image at 100% zoom. Increasing zoom makes the foreground larger, so its edges can move outside the target canvas. If the goal is strictly “no crop,” return the slider to 100% and press Center. The preview is the source of truth: check all four source edges before downloading.
No-crop checklist
- The full product, screenshot, border, or person is visible.
- Zoom is 100% if every source edge must survive.
- The background supports the source instead of hiding it.
- Text remains readable against both the source and added background.
- The downloaded PNG has been checked at its intended display size.
Related decisions
If the full image is visible but looks soft, use the blurry social media image troubleshooting guide. If the image contains titles or logos, check the safe area guide. To create several ratios from one master, follow the multi-platform export workflow.
Resize without cropping