Motif Studio
SVG Dot Matrix PreviewReady

Convert an image into editable vector dots

This reads your image and rebuilds it as a grid of dots whose size follows the local tone — dark areas get fat dots, light areas tiny ones — but unlike a raster halftone, every dot comes out as an editable vector shape.

Because the output is true SVG, you can recolor, scale or hand-edit individual dots afterward. Choose round dots or rounded squares with the roundness control, and tune spacing, dot size and contrast for the density you want.

Working the controls

  1. Upload an image with a clear subject.
  2. Set spacing and dot size for the matrix density.
  3. Use Roundness to switch between round dots and rounded squares (LED look).
  4. Export the SVG — every dot stays editable.

Put it to work

  • LED-display and signage aesthetics
  • poster and large-format graphics
  • editable dot-portrait artwork
  • data and tech visual motifs

FAQ

How is this different from the Photo Halftone tool?

Photo Halftone exports a raster portrait of dots. This exports editable SVG dots — you can select, recolor and scale individual shapes afterward.

Round dots or square?

Round reads as classic halftone; rounded squares read as an LED or pixel display. The roundness slider moves between them.

Can I recolor the dots after export?

Yes — they're vector shapes grouped in the SVG, so you can restyle them in any design tool.

Related tools

Pair it with a related generator.