Images

Add Focus Lines to an Image

Create manga-style focus lines. Click and drag to adjust, then download your image or a transparent overlay.

Preview

Edit without an image. Transparent overlays are saved at 1920 × 1080 px.

Your browser does not support canvas.

Keyboard: focus the preview and use the arrow keys to move the center. Hold Shift for larger steps.

Click to place the center. Drag to set the clear radius.

Your image stays in this browser and is never uploaded.

Presets

How to add focus lines

  1. Choose an image, or start creating a transparent overlay without one.
  2. Click your subject to place the center. Drag outward to adjust the clear radius.
  3. Try a preset or adjust the sliders to change the lines.
  4. Download your image or a transparent PNG of the lines only.

Frequently asked questions

Q

Is my image uploaded?

A

No. Loading, editing and saving happen entirely in your browser.

Q

Will the saved image have its original size?

A

With an image, downloads keep its original pixel dimensions. Without an image, transparent overlays are saved at 1920 × 1080 px. Editing guides are excluded.

Q

How can I use the lines in a video editor?

A

You can download a lines-only transparent PNG even without an image. Place it above your video or image in your editor. With a source image, the overlay uses its original size.

Q

Which output format should I choose?

A

PNG preserves transparency without lossy compression. JPEG uses a white background for transparent areas. WebP supports transparency with adjustable quality.

Q

Can I use it on a phone?

A

Yes. Tap to move the center and drag to change the radius. You can also adjust the radius with the slider.

Q

Why does loading or saving fail?

A

Large images may exceed your browser’s memory or canvas limit. Try a smaller image. This tool accepts images up to 32 megapixels and 16,384 pixels per side.