Outil de Dimension d'Image

Outil de dimension d'image en ligne gratuit. Ajoutez des règles avec des étiquettes personnalisées aux photos de produits. Prend en charge plusieurs règles, style de barre (|--|), texte d'étiquette personnalisé, plusieurs styles de ligne et couleurs. Sans téléchargement, traitement local pour confidentialité.

Traitement local, pas de téléchargement
Entièrement gratuit, sans filigrane
Aucune inscription requise

The Image Dimension Tool allows you to add rulers and measurement annotations to product photos and images. Perfect for e-commerce product images, furniture listings, apparel measurements, and any scenario where you need to visually indicate sizes on images. Simply upload your image, add rulers by dragging between two points on the image, and the tool automatically shows the distance. You can write any custom label text on each ruler, customize appearance with different colors, line styles, and arrow types to clearly mark start and end points.

The tool supports precise drag-to-measure interaction: click on the image to set the starting point of a ruler, then drag and release to set the endpoint. Each ruler can be independently selected, moved, adjusted, and deleted. The zoom and pan features let you examine details closely. Custom labels let you annotate measurements with your own text — write anything like "30cm wide", "Height", or "Total Length 120cm".

All processing is done locally in your browser. Images are never uploaded to any server. Product photos, design drafts, and other images remain on your device throughout the measurement process. Final annotated images can be exported as PNG files directly to your local device, ensuring privacy and security.

How to Measure and Annotate Image Dimensions Online

1

Upload an Image

Click the upload area or drag and drop an image to get started. Supports JPG, PNG, WebP and other mainstream formats.

2

Add a Ruler

Click the 'Add Ruler' button, then click on the image to set the starting point, drag to the endpoint, and release to create a measurement line.

3

Customize Ruler Properties

Select a ruler to edit its properties: change the label to any text you want, line color, line width, dash style, and arrow direction.

4

Write Custom Labels

Each ruler supports custom label text. Write whatever you want to display, such as 'Width 50cm', 'Total Height', or any annotation text that describes the measurement.

5

Export Annotated Image

Once measurements are set, export the image with all rulers and annotations as a PNG file. The final image includes all visible measurement lines, labels, and markers.

Fonctionnalités Principales

Drag-to-Measure Rulers

Click to set the starting point, drag to the endpoint to create a ruler. Each ruler displays the pixel distance. Supports unlimited rulers on a single image for annotating multiple dimensions simultaneously.

Custom Label Text

Each ruler can display custom label text that you write. Use it to describe measurements in your own words — product dimensions, annotations, or any notes. Toggle label and pixel value display independently.

Multiple Ruler Styles

Customize each ruler with 8 colors including black, line widths (1-5px), dash styles (solid, dashed, dotted), and multiple arrow types. Make important measurements stand out with distinct visual styles.

Zoom and Pan

Zoom in using the mouse wheel or toolbar buttons for precise ruler placement. Pan the image by clicking and dragging. The reset button instantly restores the view to show the entire image.

Export with Annotations

Export the annotated image as a PNG file with all rulers, labels, and measurements burned into the image. Perfect for sharing dimensioned product images with clients, manufacturers, or on e-commerce platforms.

UnitAbbreviationTypical Use
PixelpxDigital screen measurements
CentimetercmProduct dimensions, general use
MillimetermmPrecision measurements, small objects
InchinUS standard measurements

Cas d'Utilisation

E-Commerce Product Photography

Add dimension annotations to product images for online stores. Clearly show the width, height, and depth of products like furniture, electronics, and home goods. Write custom labels to describe each measurement in detail.

Packaging and Shipping

Measure and annotate packaging dimensions on photos. Document box sizes with clear start and end markers. Send annotated images to logistics partners to ensure correct handling.

Interior Design Layouts

Upload room photos to visualize spatial relationships. Measure wall spaces, furniture dimensions, and clearance areas. Add text labels to describe each dimension in your own terms.

Apparel and Fashion

Annotate clothing measurements on fashion photos. Mark sleeve length, chest width, inseam, and other garment dimensions. Essential for custom tailoring, size guides, and online clothing listings.

FAQ

How do I add a ruler to an image?

Click the 'Add Ruler' button, then click on the image where you want the measurement to start, drag your mouse to the endpoint, and release. The ruler will appear with your custom label text and the pixel distance.

Can I add multiple rulers to one image?

Yes, you can add unlimited rulers to a single image. Each ruler is independently editable with its own color, style, label, and measurement display. Rulers are listed in a panel for easy selection and management.

Can I adjust a ruler after creating it?

Yes. Click on any ruler to select it. You can then drag the endpoint circles to adjust the start or end position, drag the ruler body to move the entire measurement line, or use the properties panel to change visual settings and label text.

Is my image uploaded to any server?

No. All image processing happens entirely in your browser. Images are never uploaded to any server. Your product photos and sensitive design files remain on your device throughout the measurement process.

What output format is supported?

The tool exports annotated images as PNG files with all rulers, labels, and measurements rendered directly into the image. The exported image maintains the original image quality while including all visible annotations.