Upload a photo to measure a distance.
Or try an example
Image size appears after the photo loads.
Click two points on the photo.
The first line you scale from sets the unit. Later lines use that same scale.
Help Us Improve
—
(—)
Measure on an image
Click two points on a photo and read the pixel distance. Set a known length to scale later lines. Free, no sign-in.
What this photo measure does
What you can read
Pixel distance: The length is the straight line between the two clicks, in pixels of the loaded photo.
A scale you set: Enter a known length and a unit, then use the current line as the scale for the next lines.
Image size: The loaded width and height stay on screen next to the distance.
How to measure on a photo
Load a photo
Use an example or upload a PNG, JPEG, or WebP.
Click two points
The first click starts the line. The second click ends it. A third click starts a new line.
Set a scale when you need units
Type the real length of the current line and choose Use this line as the scale.
Tips
- 01
Scale from a known edge
A door, a ruler in the frame, or a printed mark gives the later lines a real unit.
- 02
Click the same photo
A new upload clears the line and the scale.
- 03
Keep the file size check separate
Byte size and the original file dimensions are on Image Size Finder.
When to use this page
A distance in a photo
Read how many pixels separate two points.
A scaled length
Turn that pixel line into centimeters, inches, or any unit you type.
A quick size check
See the loaded width and height before you crop or resize.
What you get
No account: The photo stays in the page. There is no sign-in step.
One scale for the session: After you set the scale, each new line uses it.
A fresh line: Clear drops the points and the scale.
Technical details
- Input
- PNG, JPEG, or WebP. Very large photos are limited to 8192 pixels on the long edge.
- Distance
- The length is the hypotenuse of the horizontal and vertical pixel gaps.
- Scale
- Unit length equals pixels times the known length, divided by the pixel length of the scale line.
- Where it runs
- In your browser.
Sources & References
“The Math.hypot() static method returns the square root of the sum of squares of its arguments.”
Math.hypot(): The pixel distance is the hypotenuse of the two gaps between the clicks. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/hypot
“The Canvas API provides a means for drawing graphics via JavaScript and the HTML <canvas> element.”
Canvas API: The photo is drawn on a canvas so each click maps to a pixel in that image. developer.mozilla.org/en-US/docs/Web/API/Canvas_API