Skip to main content

100% Private

Runs fully in your browser. Nothing sent to any server. Ever.

No Signup

No account, no API keys. Open and use it instantly.

Free Forever

Permanently free. No trials, no limits, no credit card.

One of 64 free AI tools built by Zalt, an AI architect and software engineer.

Free Depth Map Generator

Turn any photo into a grayscale depth map, fully private|
4.8 (469)

A free, private depth map generator that turns any photo into a grayscale depth map without uploading anything. It is built on Hugging Face Transformers.js, the open-source library that runs state-of-the-art machine learning directly in your browser, and it loads Depth Anything, a leading monocular depth-estimation model that infers how far each pixel is from the camera from a single image. Drop in a JPG, PNG, or WebP and the tool runs the model locally, then renders a depth map where bright pixels are near the camera and dark pixels are far away. Because the model runs on your own device via ONNX Runtime and WebAssembly, your image is never uploaded, logged, or stored, which makes it safe for unpublished photos and confidential work. The model downloads once on first use (about 50MB) and is then cached by your browser, so later runs start instantly. You can view the original and the depth map side by side and download the depth map as a PNG for use in 3D, parallax, portrait and background effects, AI art with ControlNet, and photography workflows.

Generate a depth map from any photo without uploading anything

Most online depth map generators ask you to upload your photo to a server, run it through a hosted model, and send an image back, which means your picture leaves your control and often counts against a paid quota. This free depth map generator works the other way around: the depth-estimation model runs inside your browser tab. Once the model is downloaded, your image is processed on your own device, so the file never touches a server and there is no per-image limit.

That makes it a strong fit for unpublished photos, client work, product imagery, and any picture you would rather not hand to a third party. You still get a standard grayscale depth map PNG you can drop straight into a 3D tool, a compositing timeline, or a ControlNet depth workflow, and you can confirm nothing is uploaded by watching the Network tab in your browser DevTools while it works.

Powered by Depth Anything, running in your browser via Transformers.js

This tool is built on Transformers.js, the open-source library from Hugging Face that runs Transformer models directly in the browser using ONNX Runtime compiled to WebAssembly, with no backend. It loads Depth Anything, a state-of-the-art monocular depth-estimation model, which estimates how far each pixel is from the camera using only a single ordinary photo, with no depth camera, stereo pair, or LiDAR required.

The tool renders the result as a grayscale depth map where bright pixels are near the camera and dark pixels are far away, and shows it beside your original image so you can compare them at a glance. The model files download once from the Hugging Face Hub, are cached by your browser, and are reused on later runs with no repeat download. Both Transformers.js and the Depth Anything model are released under the permissive Apache 2.0 license.

What a depth map is, and how to use one

A depth map encodes distance as brightness: instead of showing color, each pixel shows how near or far that point in the scene is. That single idea unlocks a lot of creative and technical work. In AI art, a depth map is the conditioning image for ControlNet depth, letting you keep the composition and perspective of a source photo while a generator like Stable Diffusion invents new content. In motion and web design, a depth map drives parallax and 2.5D effects, giving a flat image a convincing sense of three dimensions as the viewer scrolls or the camera moves.

Photographers use depth maps to fake portrait-mode background blur on cameras that never captured real depth, and 3D artists use them as displacement or height maps to add relief to meshes and terrain. Compositors turn them into foreground and background masks for selective color grading and edits. Because the depth here is relative rather than metric, it is ideal for these visual uses where the ordering of near and far matters more than an exact distance in meters. Download the PNG, and if a downstream tool expects the opposite convention you can invert it in any image editor before use.

How It Works

1

Upload a photo (JPG, PNG, or WebP): nothing is sent to a server, the image stays on your device.

2

The tool loads the Depth Anything model once on first use, then runs monocular depth estimation locally in your browser.

3

View the original and the grayscale depth map side by side, where near is bright and far is dark, then download the depth map as a PNG.

Need expert help with AI?

Looking for a specialist to help integrate, optimize, or consult on AI systems? Book a one-on-one technical consultation with an experienced AI consultant to get tailored advice.

Key Features

Powered by Depth Anything, a state-of-the-art monocular depth-estimation model, run in the browser through Hugging Face Transformers.js
Produces a clean grayscale depth map where bright pixels are near the camera and dark pixels are far away
Accepts common image formats (JPG, PNG, WebP, BMP, GIF) and processes them entirely on-device
Shows the original photo and the generated depth map side by side for easy comparison
One-click download of the depth map as a lossless PNG ready for 3D, parallax, and ControlNet workflows
Runs entirely on your own hardware via ONNX Runtime and WebAssembly, with no server and no upload
The model downloads once (about 50MB), is cached by your browser, and reused instantly on later runs
No signup, no API keys, no server calls, and no rate limits: generate as many depth maps as you want for free
Live model-download progress bar and clear error messages so you always know what is happening
Released under the Apache 2.0 license, the same permissive open-source license as Transformers.js

Privacy & Trust

Your image never leaves the browser: depth estimation runs entirely on your device via Transformers.js and WebAssembly with zero upload
No photos or generated depth maps are uploaded, logged, stored, or transmitted to any server
No tracking or analytics of the images you process or the depth maps produced
Built on open-source Hugging Face Transformers.js and the Depth Anything model (both Apache 2.0) downloaded directly into your browser cache
Verify privacy yourself by checking the Network tab in your browser DevTools while you generate a depth map: after the one-time model download, you will see no further requests carrying your image

Use Cases

1Create depth maps to drive 3D and 2.5D parallax effects in video, motion graphics, and web animations
2Feed a ControlNet depth conditioning image into Stable Diffusion or other AI art tools to control composition and geometry
3Simulate portrait-mode depth of field by using the depth map to blur the background of a flat photo
4Turn a single photo into a displacement or height map for 3D meshes, terrain, and relief effects
5Build foreground and background masks for compositing, color grading, and selective editing
6Prototype AR, game, and photogrammetry ideas that need a quick per-pixel distance estimate from one image
7Study and teach how monocular depth estimation interprets a scene without any special depth camera

Limitations

  • The first run downloads the Depth Anything model (about 50MB), which is cached by your browser afterward
  • Depth is estimated from a single image, so it is relative and approximate, not a metric distance in meters like a LiDAR or stereo camera
  • Very large images (over about 1536 pixels on the long edge) take longer and use more memory, since processing runs on your CPU via WebAssembly
  • Fine details, thin objects, reflections, transparent surfaces, and heavy motion blur can produce soft or inaccurate depth edges
  • Results vary with scene type: clear photos with obvious foreground and background separation give the cleanest depth maps

Q&A SESSION

Got a quick technical question?

Skip the back-and-forth. Get a direct answer from an experienced engineer.

Frequently Asked Questions

What is a depth map and what is it used for?

A depth map is a grayscale image where each pixel encodes how far that part of the scene is from the camera, so brightness stands in for distance. In this tool, near objects are rendered bright and far objects dark. Depth maps are widely used to create 3D and parallax effects, to drive ControlNet depth conditioning in AI image generators like Stable Diffusion, to simulate portrait-mode background blur, and to build displacement maps and masks for compositing. They give artists and developers a fast way to add a sense of geometry and distance to an otherwise flat photo.

Is this depth map generator really free?

Yes, it is completely free with no signup, no account, and no usage limits. Because the Depth Anything model runs on your own device through Transformers.js instead of a paid cloud API, there are no per-image costs to pass on. You can generate as many depth maps as you want, as often as you want, without a credit card, an API key, or a rate limit.

Is my image uploaded to a server?

No. The entire process, loading the model and running depth estimation, happens locally in your browser using Transformers.js and WebAssembly. After the model is downloaded once, your image is processed on your own device with zero network requests carrying it. Nothing is uploaded, logged, or stored, which makes this safe for unpublished photos and confidential work. You can confirm this by opening the Network tab in your browser DevTools while you generate a depth map.

Which AI model powers this tool?

It uses Depth Anything, a state-of-the-art monocular depth-estimation model, specifically the small variant exported to ONNX for the web. Monocular means it estimates depth from a single ordinary photo, with no special depth camera, stereo pair, or LiDAR required. The model runs through Hugging Face Transformers.js, which executes it in your browser via ONNX Runtime compiled to WebAssembly. Both Transformers.js and the model are released under the permissive Apache 2.0 license.

How can I use the depth map with ControlNet?

ControlNet has a depth conditioning mode that guides an image generator to follow the geometry of a reference depth map. Generate a depth map here, download the PNG, then load it as the control image in a ControlNet depth workflow in tools like Stable Diffusion, ComfyUI, or Automatic1111. The generator will then respect the foreground and background layout of your original photo while it creates new content. This is a popular way to keep composition and perspective consistent across AI-generated variations.

Why are near objects bright and far objects dark?

This tool follows the common convention where higher brightness means closer to the camera and lower brightness means farther away, so the foreground pops as white and the background fades to black. Some pipelines expect the opposite convention (near dark, far bright), so if a downstream tool looks inverted you can simply invert the PNG in any image editor. The important thing is that the relative ordering of depth is preserved, which is what 3D, parallax, and ControlNet workflows rely on.

What image formats can I upload?

You can upload common raster image formats including JPG, PNG, WebP, BMP, and GIF. The tool reads the image directly in your browser, so there is no format conversion step on a server. For the cleanest results, use a sharp, well-lit photo with a clear separation between the foreground subject and the background. Screenshots, product photos, portraits, and landscape shots all work well.

Do I need to install anything?

No installation is needed. It is a pure web tool that runs in any modern browser. The only thing that downloads is the Depth Anything model itself, which Transformers.js fetches on first use and caches in your browser. There is no extension, no desktop app, and no Python or Node environment to set up.

How big is the model and how long does the first run take?

The Depth Anything small model is roughly 50MB and downloads once from the Hugging Face Hub on your first use. After that it is cached by your browser, so subsequent runs skip the download and start almost instantly. The first depth map on a page takes a little longer while the model initializes, and each run after that is faster because the model already lives in memory.

Does it work offline and on mobile?

Once the model has been downloaded and cached, depth generation runs without an internet connection because everything happens on-device. It also works on mobile browsers that support WebAssembly, though phones are slower than a laptop or desktop, and very large images may be heavy on memory. For the smoothest experience, load the model once over Wi-Fi and keep input images to a reasonable size on mobile.

Is the depth accurate enough for measurements?

The depth is relative, not metric, so it tells you which parts of a scene are nearer or farther but does not give a true distance in meters. Monocular models like Depth Anything are excellent for visual and creative uses such as parallax, background blur, and ControlNet conditioning, where relative ordering is what matters. If you need precise physical measurements you would use a calibrated stereo camera, structured light, or a LiDAR sensor instead.

Why is my very large image slow to process?

Depth estimation runs on your CPU through WebAssembly, so the time and memory needed grow with the number of pixels. Images larger than about 1536 pixels on the long edge can take noticeably longer and use more memory, especially on phones or older machines. If a large image is slow, resize it down before uploading; the depth map at a smaller resolution is usually more than enough for parallax, masking, and ControlNet, and you can upscale the result if needed.

Can I use the depth maps commercially?

Yes. The depth maps you generate are derived from your own images, and the tooling is open source under the Apache 2.0 license, which permits commercial use. You are responsible for having the rights to the input photos you process, but the model and library themselves place no restriction on commercial output. This makes the tool suitable for client work, product imagery, and creative projects.

How is a monocular depth map different from a stereo or LiDAR depth map?

A monocular depth map is inferred by a neural network from a single photo, learning cues like size, occlusion, texture, and perspective to guess relative distance. Stereo depth compares two cameras to triangulate distance, and LiDAR measures distance directly with laser time-of-flight, so both of those can produce metric depth in real units. Monocular depth from Depth Anything trades that physical precision for the convenience of working from any ordinary image, which is ideal for creative and web workflows.