Prepare Images for Web Sharing and Transparent Backgrounds

A webpage card, a social post, an email attachment and a product listing can require different shapes even when they start from the same image. Write down the target frame, where it will be shown and whether transparency is required before changing pixels.

This guide uses a self-authored 1600 × 1000 scene. The intended web slot is 1200 × 750: the same 8:5 ratio, so Fill can produce the exact frame without inventing pixels. Keep the original file; exported copies are for a particular destination.

Zoom image

Keep this original outside the publishing path.

Width and Height preserve the source shape from one dimension. Fit keeps the whole image inside a box, which can leave unused space. Fill makes the target box exact by cropping from the centre. It is useful only after checking that the subject and important edges remain inside that centre crop.

The real run below selects Fill, 1200 × 750, WebP and quality 82, with metadata removal enabled. The source becomes 12 KB. WebP is often useful for a photographic or illustrated web asset, but its final size and visible quality depend on the source; open the file instead of assuming a percentage is right.

Zoom image

The target frame is explicit before processing.

The completed result reports 1600 × 1000 → 1200 × 750 and the actual output size. Download it as a new file. It is not a replacement for the source, and it is not a licence to reuse the same crop for every placement.

Zoom image

Check the reported dimensions and download the new file.

Background Remover receives the prepared WebP in this guide and produces a transparent PNG of 101 KB. A distinct subject and simpler background normally give a more useful first cutout. Hair, glass, fine shadows, translucent material and similar colours need closer inspection.

Zoom image

Use a copy prepared for the destination, not the only original.

Completion is a cue to inspect, not proof that every edge is perfect.

Zoom image

Completion is a cue to inspect, not proof that every edge is perfect.

Transparency can look fine on a checkerboard and still produce a halo or missing edge in the real layout. Put the downloaded PNG on both a light and dark background, at the approximate display size. Check the outline, any remaining background, the crop, and whether the larger PNG is appropriate for the delivery channel.

• Keep the source and named exports separately.
• Do not upscale a small image merely to satisfy an arbitrary number.
• Open the final asset where users will see it before publishing.

Zoom image

Keep this original outside the publishing path.

Zoom image

Review the cutout on the backgrounds where it will actually appear.

A successful resize or completed cutout does not decide image rights, accessibility, alt text, brand approval, visible privacy, or the ideal compression level for every destination. Treat the tool output as a reviewable asset in a publishing workflow, not as the final approval.