Skip to content
bobob

Dot Art Editor

Draw small copy-paste dot art on a browser grid, switch symbol palettes, apply presets, and copy the generated character block.

Runs in your browserNothing you type is sent to a server.

Input and result

What you type is kept in this browser only. Reopen to restore your last run.

Use cases

  • Draw small heart, smile, arrow, and badge shapes for bios, comments, and lightweight docs.
  • Switch dot, block, and square palettes without changing the underlying grid.
  • Review density and width before copying art into mobile-first text fields.

Examples

Common input
Heart preset
Draw browser-local dot art with presets and copy the generated Unicode character grid.
Typical output
○●●○○●●○ ●●●●●●●● ●●●●●●●● ○●●●●●●○ ○○●●●●○○ ○○○●●○○○
Use this as a quick sanity check before copying results.

Common mistakes

  • Dense dot art can collapse visually when the destination font is narrow or proportional.
  • Wide grids can wrap on mobile profile, comment, or messaging fields.
  • Some apps normalize whitespace or line breaks, which can distort the copied art.

Before you copy

  1. 1Keep the grid small enough for the destination field.
  2. 2Preview the selected palette in the target app before publishing.
  3. 3Copy line breaks exactly and avoid trimming empty-looking characters that define the shape.

Sources

  • Braille Patterns block, U+2800-U+28FF

    One character holds a 2x4 grid of dots that can each be on or off, so a single character acts as eight pixels. The 256 characters in the block are every combination of those eight dots - which is how dot art fits a picture into very few characters.

    Basis: Unicode block definition

  • The shape only survives in a monospace font

    Paste it where character widths differ and the rows no longer line up, so the picture collapses. Use somewhere monospace, like a code block.

    Basis: Depends on the font

  • Check the character limit where you paste it

    Dot art looks like a picture but counts as text. A 16x16 drawing runs past 300 characters including line breaks. For a bio or a comment with a limit, draw on a smaller grid.

    Basis: Depends on the destination

FAQ

Does Dot Art Editor upload my input?

No. This tool runs in your browser unless the privacy badge explicitly says a server route is required.

Can I use this for production secrets?

Avoid pasting sensitive production data into any website. Prefer local test data or redacted payloads.