What does a text to image converter do?
It draws the text you type onto a blank picture and saves that picture as an image file. This one renders your text in a 32-pixel sans-serif font, dark grey on white, and exports a PNG sized to fit the words exactly. Use it when you need text somewhere that only accepts images, or where formatting would otherwise get mangled.
Making an image from text
- Type or paste your text into the input box. Press Enter wherever you want a new line.
- Click Convert.
- Look at the preview, then click Download to save
text-image.png.
The output box shows the PNG as a data URL, so Copy gives you text you can paste straight into an HTML src attribute or a CSS url().
How the image is laid out
The layout is fixed, which makes the results predictable:
| Setting | Value |
|---|---|
| Font | 32px sans-serif (your system's default sans-serif typeface) |
| Text color | #111827, a very dark grey |
| Background | Solid white, no transparency |
| Padding | 20 px on every side |
| Line height | 44.8 px (1.4 × the font size) |
| Alignment | Left |
| Wrapping | None; one input line is one image line |
| Format | PNG |
Height depends only on the number of lines: 44.8 px per line, rounded up, plus 40 px of padding. Width is the widest line as measured by the browser, plus 40 px.
| Lines of text | Image height |
|---|---|
| 1 | 85 px |
| 2 | 130 px |
| 3 | 175 px |
| 5 | 264 px |
| 10 | 488 px |
A blank line in the middle of your text still counts as a line, and so does a trailing newline at the end. If the image has an unexpected empty strip at the bottom, delete the last Enter.
Practical uses
- Posting a short quote or announcement on a platform that strips formatting.
- Sharing a code snippet or a list where indentation and alignment must survive exactly as typed.
- Making a quick label or sign to drop into a slide or document.
- Making a plain text banner for a forum signature or a profile header.
If what you actually want is your name or copyright line stamped on top of an existing photo, the watermark tool does that directly.
If you need the image to be a specific size, render it here and then use the image resizer. Shrinking keeps text readable; enlarging a lot makes the lettering soft, because the PNG has a fixed number of pixels. For blank sized boxes with their dimensions printed on them, the placeholder image generator is a better fit.
Things that affect the result
Font substitution. The canvas asks for the generic sans-serif family, so the actual typeface is whatever your operating system and browser map that to. The same words can come out a few pixels wider or narrower on another device.
Emoji and other scripts. Characters are drawn with whatever fonts your system has. Emoji usually render in color, and scripts like Arabic, Devanagari or Chinese work when a suitable font is installed. Missing glyphs appear as empty boxes.
Very long lines. Because nothing wraps, a paragraph pasted as a single line produces an extremely wide, short image. Browsers also cap how large a canvas can be (MDN's canvas element page lists the limits), so a huge single line can fail to render. Break long text into lines of a sensible length.
Pixel density. The PNG is drawn at one image pixel per CSS pixel. On a high-resolution phone screen it can look slightly soft at full size. That's normal for a fixed-size bitmap.
A word on accessibility
Text inside an image can't be searched, selected, translated or resized, and screen readers only know what you put in the image's alt text. The W3C's guidance on images of text (WCAG success criterion 1.4.5) asks that real text be used instead wherever the same visual result is possible. So on your own web pages, prefer styled HTML text, and keep text images for places that leave no other option. When you do use one, repeat the words in the alt attribute.
Privacy
The image is produced by your browser's canvas and nothing about your text is transmitted. If you want to embed the PNG directly in a web page or email template, paste the data URL from the output box, or upload the downloaded file to Image to Base64 later to regenerate it.
Last updated