The practical answer
Check every output ratio before adjusting scale and vertical offset. The current product template reserves the upper 72% of canvas height for the image and draws the headline, subtitle and price below. Moving the product does not move those text positions.
Choose a promotion template or a plain photograph
Product Images & Background Removal creates a marketing composition, rather than merely resizing a photograph. An empty headline falls back to the source filename. If you need a photo without template copy, start in Image Studio.
Marketplace acceptance is a separate question. Matching corner colors do not establish that an entire background is suitable; see the background and product-coverage review. A successful template export does not establish marketplace approval.
Prepare one square image and two output sizes
Our original example uses a 1200×1200 image. Start without a cutout, logo or watermark so you can isolate placement. Choose a solid background, add an easily recognizable headline, and enter 1000x1000,800x1200 as output sizes. These are calculations from the current template, not measurements of image quality or sales performance.
- Import the picture and select the current image. Make sure all four edges are recognizable.
- Keep product scale at 85% and vertical offset at 0 for the first export.
- Extract the archive and open both outputs. Compare the product bottom with the headline area.
Why the same picture changes size across templates
A 1000×1000 canvas gives the image an area 1000 pixels wide and 720 high. Fitting the square and applying 85% scale produces 612×612 pixels. Its left edge is 194 and its top edge 54. On an 800×1200 canvas, the image area is 864 high, so the 800-pixel width becomes the limiting dimension and the result is 680×680.
The headline baseline is 80% of canvas height:800 pixels in the square and 960 in the portrait. A baseline is not the top of a letter. Leave additional visible clearance for the actual text.
| Output and settings | Image dimensions | Top→bottom | Headline baseline |
|---|---|---|---|
| 1000×1000 /85% / offset 0 | 612×612 | 54→666 | 800 |
| 800×1200 /85% / offset 0 | 680×680 | 92→772 | 960 |
| 1000×1000 /100% / offset+10% | 720×720 | 100→820 | 800 |
A10% offset means 10% of the entire canvas
The vertical offset is calculated against full canvas height. On the square,10% means 100 pixels, rather than 10% of the remaining whitespace. At 100% scale the image already occupies 720 pixels vertically; moving it down 100 puts its bottom at 820, beyond the headline baseline at 800.
Reset the offset first, reduce scale if necessary, then make small positional adjustments. Changing canvas dimensions changes both picture and copy space. Also distinguish the full source rectangle from the actual object: a source with large margins can leave the visible product small even at a high scale.
Separate movement from subject size
Scale 100%, vertical offset+10%: the product overlaps the headline.
Reset offset to 0, then compare the 85% square and portrait exports.
Validate the downloaded files
The current tool writes a JPG for every input and selected size, organized by input index and name. It does not export transparent PNG templates. A target-KB setting may reduce JPG quality further; an unattainable target produces an error rather than guaranteed compliance.
Rendering uses a local browser canvas. The MDN drawImage reference explains drawing dimensions and source regions. The 72% image area and text positions are specific to this implementation and should not be assumed in another editor.
Inspect the extracted archive
- JPG count equals input pictures multiplied by selected sizes.
- Every file reopens and has the selected pixel dimensions.
- Headline, subtitle, price, logo and product outline have enough clearance.
- Small type and edges remain readable at the intended display size.
Keep the settings with the deliverable
Record the original version, output dimensions, scale, offset and intended use. Re-export and inspect again after copy changes; renaming a file does not update its content. Continue with the image-pack publishing checks when you also need platform crops, copy or QR checks.
Importing, rendering and ZIP creation run in the browser. Optional background removal needs an initial model download. Keep your originals and exports yourself. The placement calculations here do not establish that a real product cutout has acceptable edges.
Common questions
Why does the product remain small after background removal?
The source rectangle can retain transparent margins around the object. Inspect those margins and crop separately when appropriate; scale applies to the rectangle, not an inferred object boundary.
Can I use the text area as extra image space?
That requires reviewing the intended composition. This template keeps text positions fixed; enlarging or moving the picture does not automatically rearrange the copy.
Must I inspect the portrait version separately?
Yes. The limiting width or height changes across ratios, so a position that works in one export can collide in another.
Further reading & sources
Put the guide into practice
Open the relevant tool, preview the result and check your exported file.
