Add Text to Image or Photo Online
Open a picture and a text box appears on it. Type your words, pick one of the bundled fonts, then drag the box into place and pinch it to resize or turn it. Save the result at full size. Your picture stays on your device.
Your file is ready
- Files stay on your device. Nothing is uploaded.
- Free, no sign-up, no daily limit.
- Works with Wi-Fi off once the page has loaded. Check it yourself
Updated by Khokhar Sab
How do I add text to an image?
Choose a picture and the editor puts a text box on it. Type your words, pick a font, color and size, and drag the box where you want it. Press Apply to keep the text, then Save picture. You can add more boxes before you apply, and the original file stays unchanged.
- Press Choose a picture, drop a file, paste with Ctrl+V, or press Take a photo on a phone.
- Type in the text field. Press Enter for a new line.
- Pick a Font, a Text color and a Size. Turn on Background box if the picture is busy behind the letters.
- Drag the box on the picture to move it. Tap Add text for another box.
- Press Apply, open Export for the format, then press Save picture.
To fit the picture first, use Crop Image. To make the finished file smaller for an upload form, use Compress Image. To match the text color to the picture, read a color from it with Color Picker from Image. For text that runs across several posts, add it first and then cut the picture with Image Splitter.
How do I add text to a photo on my phone?
Open this page on your phone, choose a photo or take one, and the text box appears. Drag it with one finger to move it. Pinch it with two fingers to make it bigger or to turn it. Tap the box to edit the words, then tap Apply and Save picture.
The Size and Turn sliders do the same job as the pinch for a mouse. On a phone the tool panel opens as a sheet below the picture, so the picture stays in view while you type.
Which fonts can I add to an image?
The editor offers 16 fonts bundled with the site, from sans serif and serif to script, display and monospace. They load from this site rather than from your device, so the text looks the same on every phone and computer and in the saved file.
| Style | Fonts |
|---|---|
| Sans serif | IBM Plex Sans, Libre Franklin, Public Sans, Carlito |
| Serif | Source Serif 4, Cormorant Garamond, EB Garamond, Bodoni Moda, Caladea |
| Display | Cinzel, UnifrakturMaguntia, Barlow Condensed, Fredoka |
| Script | Pinyon Script, Great Vibes |
| Monospace | IBM Plex Mono |
Bold and italic are available where the font family has those faces. A font without a bold face is drawn in its regular weight.
How do I keep text readable on a busy photo?
Pick a text color that contrasts strongly with what sits behind it, or turn on the Background box to put a solid color behind the letters. The W3C asks for a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text.
| Text on background | Contrast ratio | Meets 4.5 to 1 |
|---|---|---|
| White on black | 21.00 to 1 | Yes |
| White on dark gray (#767676) | 4.54 to 1 | Yes |
| White on medium gray (#999999) | 2.85 to 1 | No |
| Yellow (#fdd835) on white | 1.40 to 1 | No |
| Black on yellow (#fdd835) | 15.05 to 1 | Yes |
The W3C page on Contrast (Minimum) explains the ratio and its limits. A photo changes color across its width, so check the contrast at the spot where the text sits.
What size should the text be?
The Size slider shows the text height in pixels on the saved picture, and it scales with the photo, so one setting suits a small photo and a large one. A bigger share of the picture stays legible when viewers see it small. Check the preview at the size your audience will see.
| Share of the longer side | 1,080 pixel picture | 3,000 pixel picture | 6,000 pixel picture |
|---|---|---|---|
| 4 percent | 43 px | 120 px | 240 px |
| 7 percent | 76 px | 210 px | 420 px |
| 12 percent | 130 px | 360 px | 720 px |
Will the text stay sharp when I save?
Yes. The editor stores your text as letters and draws it again at full size when you save, so a 6,000 pixel photo gets letters drawn at 6,000 pixel scale. The file is a new image, and your original photo is untouched. Rotated text is drawn the same way, with smooth edges.
Behind the scenes the browser draws text with the canvas text API; the MDN page on fillText describes it.
Limits
- One picture at a time. Open the next picture after you save.
- Very large photos are held to 8,192 pixels on the longest side and 16 megapixels, the size a phone browser can draw.
- Camera details such as GPS location and camera model are not copied into the saved file.
- Animated GIFs open as their first frame.
Frequently asked questions
Is adding text to an image free?
Yes. There is no sign-up, no watermark and no limit on how many pictures you caption.
Is my picture uploaded?
No. Your browser opens the picture, draws the text and saves the new file. The page has no upload step.
Can I add more than one line of text?
Yes. Press Enter in the text field for a new line, and tap Add text for a second box with its own font, color and position.
Can I turn the text or put it at an angle?
Yes. Pinch the box with two fingers, or drag the Turn slider from minus 180 to 180 degrees.
Can I add a watermark instead of a caption?
Yes. The Watermark tool in the photo editor stamps text or a logo in one of nine positions or as a tile pattern.
Related PDF tools
How this tool was built and tested
- W3C: Understanding Success Criterion 1.4.3, Contrast (Minimum): the 4.5 to 1 and 3 to 1 contrast ratios
- MDN Web Docs: CanvasRenderingContext2D.fillText(): how the browser draws text onto a picture
- Test method: every operation is checked on hand-worked pixel values in src/tools/imgedit/paint.test.ts; the numbers on this page are computed from the same code when the page is built