How to turn text into an image
- Type or paste your text into the box above.
- Set the image width, 1080 pixels suits most social platforms.
- Adjust the font size, padding and colours until the preview looks right.
- Choose PNG for crisp text, or JPG if the file needs to be smaller.
- Press Render image and download the result.
What you can control
- Image width, with the height calculated automatically from the wrapped text.
- Font size, padding and left, centre or right alignment.
- Background and text colours through a proper colour picker.
- A monospaced option for code snippets and terminal output.
- PNG for lossless crisp text, or JPG for a smaller file.
- A live preview before you download anything.
Why put text into an image at all
Text and images travel differently. A platform that strips formatting from a post will not touch a picture. A quote rendered as an image appears in full in a feed where a link preview would be truncated. A code snippet shared as an image keeps its indentation, where pasting into a chat window destroys it.
It is also the only reliable way to control how text looks somewhere you do not own. Your typeface, your colours, your line breaks, fixed, and identical on every device that displays it.
Common uses
- Quote cards for social media, where a striking image outperforms plain text.
- Code snippets for a talk, a tweet or documentation where formatting must survive.
- Announcements and notices posted to platforms that flatten formatting.
- Text in a language or script the destination cannot render properly.
- Short excerpts where you want the words to be seen and not copied casually.
Sizes worth using
1080 pixels wide is the workhorse: it matches the square and portrait formats most social platforms expect and looks sharp on phone screens. 1200 suits blog headers and link previews. 1600 or above is worth it only if the image will be viewed large or zoomed.
Height is calculated from the wrapped text plus padding, so the image is exactly as tall as it needs to be. If you need a specific aspect ratio, a square for a grid, for instance, render it, then crop or pad with the image cropper.
Making it readable
Contrast is the thing people get wrong. Dark text on a light background or light on dark both work; mid-grey on mid-blue does not. The default here is near-white on very dark navy, which is comfortable and reads well at small sizes in a feed.
Font size should scale with the image width. At 1080 pixels wide, 42 pixels gives roughly 30 to 40 characters per line, which is close to the ideal line length for reading. Much smaller and the text is illegible as a thumbnail; much larger and only a few words fit. Generous padding, 64 pixels or more, stops the text feeling cramped against the edges.
The accessibility trade-off
This is worth being honest about. Text in an image cannot be read by screen readers, cannot be selected or copied, cannot be translated automatically, and cannot be found by search. Anyone using assistive technology gets nothing at all unless you supply alt text describing the content.
So use images for emphasis, not as the only carrier of important information. Post the quote as an image and put the same words in the caption. Share the code shot and link to the actual code. If the text matters, it should exist as text somewhere too, and the Base64 encoder or the image compressor can prepare the image for wherever it is going. Everything renders in your browser with nothing uploaded.