Sprite from Text

Loading…

All tools › Reading and reshaping

Sprite from Text

A pixel grid written as characters, drawn as vector

It runs entirely in this browser tab: what you paste is never uploaded, and what comes out is SVG source rather than an image file — text, which stays sharp at any size and can be edited.

Settings

Pixel size
How many units across one pixel of the grid is A number from 1 to 64.
Mirror
Doubles the grid, so half the cells decide the whole picture Choices: None, Left to right, Top to bottom, Both ways.
Transparent character
The character that leaves a pixel unpainted
Show the grid
On or off. Starts off.
Also as a CSS rule
One element and a list of shadows, for a page with no image in it

How to use it

  1. Paste your text into the box above, or open a file.
  2. Adjust the settings beside it until the result is what you wanted.
  3. Copy the result, or save it as a file. The result updates as you type.

Questions

Is what I paste uploaded anywhere?
No. The whole application is carried as WebAssembly and runs on your own device. That matters most for the tools that take a list of people: a guest list, an attendee list and a set of certificate names are all things you would think twice about pasting into a website.
Why is there no PNG or JPEG?
Because nothing in this workspace ships or produces a binary asset, and because for these twenty-six the vector is simply better: it stays sharp at any size, it is a fraction of the bytes, it can be opened and edited, and a print shop would rather have it. Every browser and every design tool opens an SVG.
Will it print at the right size?
It says the right size: every printable sheet states its width and height in millimetres, and the arithmetic behind it is exact rather than approximate. What no file can control is the printer, so tell it to print at actual size rather than to fit the page — and the graph paper draws a hundred-millimetre bar so you can check.
Can I use what comes out commercially?
Yes. What comes out is a drawing made from numbers you supplied. Nothing here adds a mark, a watermark or a line of attribution to it, and there is nothing to sign up for.

Other tools for reading and reshaping

Path Reader
A path read command by command, and edited by its numbers

Styled QR Code
A code with chosen colours and shapes, and the point where it stops scanning

All twenty-six tools