Source: https://restorebunny.com/templates/size-reference-photo-card-template/

SVG and PNG visual asset

# Product Dimension Annotation Card Template

Annotate a product photograph with dimensions you have already measured.

For makers

## Edit your visual asset

Free · No signup · Photos and wording stay in this browser. Initial names, dates, measurements and instructions are illustrative examples: replace and verify them before use. The export is a layout proof, not a verified print specification.

Photographs

JPG, PNG, WebP or AVIF · 15 MB / 24 MP each. Embedded working copies are limited to 1,200 pixels per side.

Product photoA labelled placeholder is shown until you add a photo.

Task detailsItemUse your actual wording; keep it concise.Stated widthUse a real value you have checked.Stated heightUse a real value you have checked.UnitUse your actual wording; keep it concise.Depth / other dimensionUse your actual wording; keep it concise.How dimensions were obtainedUse your actual wording; keep it concise.

### Live proof

1200 × 900 pixels · 1 photo slot

Preparing the layout proof…

Check the entire proof before sharing. Long wording may wrap, show an ellipsis or be clipped to its panel. Lists and tables show only the first listed rows that fit the template. SVG text remains editable; PNG is a flattened copy. Confirm physical size, margins and paper with your printer.

## A worked example

Hypothetical example: the maker enters 32 cm width and 24 cm height; the card prints those supplied values without measuring the photograph.

## What this can and cannot decide

The labels use your supplied measurements. The diagram and photo are not a scale drawing or measurement verification.

Keep source files separately. Your entries stay in this browser page and are included only in the file you choose to download. Reloading the page clears this worksheet.

## Create a product scene

Use a real product reference to create a styled scene, then compare the details before exporting.

Account credits apply to paid operations. Review the settings and result in your dashboard.

[Create a product scene](<https://restorebunny.com/signup/?from=seo-content&source=%2Ftemplates%2Fsize-reference-photo-card-template%2F&view=product>)

## Frequently asked questions

What does this resource produce?

Annotate a product photograph with dimensions you have already measured. It produces an editable SVG and a PNG sharing copy locally in your browser.

What should I verify before using it?

The labels use your supplied measurements. The diagram and photo are not a scale drawing or measurement verification.

## Useful next resources

- [Open Photo Measurement Ruler](<https://restorebunny.com/tools/photo-measurement-ruler/>)
- [Show Jewelry Size and Construction in Photos](<https://restorebunny.com/guides/photograph-jewelry-with-scale/>)
- [Crop Image Online Free — Custom & Square Crops](<https://restorebunny.com/tools/crop-image/>)
- [Handmade Batch Inspection Sheet Template](<https://restorebunny.com/templates/handmade-batch-record-card-template/>)
- [Retail Shelf Talker Fold Proof Template](<https://restorebunny.com/templates/retail-shelf-talker-photo-template/>)
- [Craft Market Maker Story Card Template](<https://restorebunny.com/templates/craft-market-maker-card-template/>)

## Sources and implementation notes

- [SVG text and local image placement](<https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/text>) — SVG text elements retain editable wording in the downloaded layout.
- [Local PNG export](<https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob>) — The PNG copy is encoded locally from the rendered template canvas.

Original worksheet and hypothetical example · Updated 2026-10-25 · [Editorial policy](<https://restorebunny.com/editorial-policy/>)
