Skip to content
DamaIMAGE PREP
Image workspacePhoto guidesLimits & methodsAbout
Menu
Image workspacePhoto guidesLimits & methodsAbout
← Photo guides

Framing

Fit or fill: keep the important edges in your product photos

Compare exact fit and crop calculations, choose a margin, and avoid cutting important details out of product images.

Dama Image Prep · Technical workflow guide · Updated September 7, 2026

FIT · whole source3000 × 2000FILL · center retained2000 × 2000Illustration: 0% margin, 2000 × 2000 output.
Blue is the retained source area; pale gray is padding; red is cropped away. Proportions illustrate the worked example below.

Start with what cannot be cut off

Before choosing a size, identify what makes the product understandable: its entire outline, a handle, the number of pieces included, or the label. If any of these touches the edge of the original, filling a different shape is risky.

Fit preserves the entire source photograph. Fill covers the output canvas and crops whatever extends beyond it. Neither mode recognizes your product or removes its background. A margin adds space around the photograph, not automatically around the product itself.

A worked example: landscape to square

Take a 3000 × 2000 photo and a 2000 × 2000 output. With Fit, no margin and no enlargement, the scale is 2000 ÷ 3000, or two-thirds. The image becomes approximately 2000 × 1333 pixels, leaving about 333 pixels above and below it. Fractional edges are rendered with browser interpolation.

With Fill, the scale is one. The image remains 3000 × 2000, and the canvas shows only 2000 pixels of its width. A centered crop discards 500 pixels from each side. Left position keeps the left edge and removes all 1000 excess pixels from the right.

What the margin setting actually does

A 5% margin on a 2000 × 2000 canvas reserves 100 pixels along each edge. Fit places the image inside the remaining 1800 × 1800 area. A 3000 × 2000 source therefore becomes 1800 × 1200, with 100-pixel side margins and 400-pixel top and bottom margins.

Margin is ignored in Fill mode. When enlargement is off and a source is too small to cover the output, the tool adds background instead of stretching it. If a frame must be completely filled, you need a larger original or must deliberately enable enlargement.

A reliable decision routine

For a varied batch, Fit is the safer starting point because it preserves source content. That does not mean every result will have equal apparent product size: empty space already inside an original remains.

  1. Prepare one representative landscape photo and one portrait photo.
  2. Open Check crops on each result. Look for missing edges and unreadable labels.
  3. Use Fill only when the removed background is expendable. Move the crop position if the subject is off-center.
  4. If the source contains too much empty space, frame it in an image editor first. This tool does not provide per-photo manual crop handles.
  5. Review the final downloaded file and the storefront preview before publishing.

How this guide was made

This is an editorial explanation of Dama’s workflow, not a claim of first-hand selling experience. Examples are illustrative and based on the documented processing method. Browser output and marketplace presentation can vary.

Reference: Canvas drawImage: destination size and image scaling

Processing methods and limits · Report a correction

Open the image workspace

Continue reading

  • Check the thumbnail, not just the full-size product photo
  • Build a consistent product grid without stretching photos
  • Pixels, file size and quality: three different controls
DamaIMAGE PREP

Less repetitive prep. More time for your shop.
An independent tool, not affiliated with Etsy or Shopify.

Photo guidesLimits & methodsAboutContact & correctionsPrivacyTermsRelease notes

© 2026 Dama Image Prep. Image processing happens on your device.