Or try an example
Help Us Improve
—
(—)
Make a scanned copy
Turn a photo into a scanned copy—slight tilt, blur, noise, and paper edges. Local-first. No signup.
What is a scanned copy maker?
Scanned copy features
Slight tilt
Rotate a few degrees so the page is not perfectly square.
Soft scan
Brightness, contrast, and a little blur mimic scanner glass.
Grain and paper edge
Optional noise and a warm margin with a soft edge shade.
Before and after
Compare the original and the scanned copy, then download.
How to make a scanned copy
Add an image
Drop a file or start from a sample. The first sample loads automatically.
Tune the scan
Keep rotation near 1–2°, blur under 0.5, and brightness a little above 1.
Download
Save JPG for a typical scan file, or pick PNG or WebP.
Tips for a realistic scan
- 01
Do not over-rotate
Real pages sit a degree or two off, not at a steep angle.
- 02
Wash it out slightly
Brightness around 1.1 and contrast just under 1 reads as scanner light.
- 03
Keep blur tiny
0.2–0.4 px is enough. More blur looks out of focus, not scanned.
- 04
Turn the paper edge on
The margin and shade sell the “sheet on glass” look.
Great for
Forms you already filled in
Give a digital page a scan-style file without a flatbed.
Mockups
Show a document as if it were photographed on a scanner.
Quick JPG handoff
Export a single image, then wrap it in a PDF if the recipient asks for one.
Why make a scanned copy here
Local-first
The image never leaves the browser for this tool.
Free
Unlimited previews and downloads with no signup.
Live preview
Sliders update the before/after view as you drag.
JPG by default
The download starts as JPEG, which matches a typical scan file.
Technical notes
- Canvas
- The image is rotated and drawn with CSS-filter blur, brightness, and contrast.
- Grain
- Noise is added in the browser with getImageData. Paper edge is a radial shade.
- Output
- Default download is JPEG. PNG and WebP are available on the download control.
- Privacy
- Client-side only—no network upload.
Sources & References
“An image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object and converts it to a digital image.”
Wikipedia — Image scanner: Background on the flatbed look this effect imitates. The tool does not use a physical scanner. en.wikipedia.org/wiki/Image_scanner
“The CanvasRenderingContext2D.filter property of the Canvas 2D API provides filter effects like blurring and grayscaling. It is similar to the CSS filter property and accepts the same values.”
MDN — CanvasRenderingContext2D.filter: Used for the blur, brightness, and contrast of the scanned copy. developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter
“The CanvasRenderingContext2D.getImageData() method of the Canvas 2D API returns an ImageData object representing the underlying pixel data for a specified portion of the canvas.”
MDN — getImageData(): Used to add grain to the scan without leaving the browser. developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData