Add text to an image
Type a caption, a label or a short message and place it on a picture. Choose the typeface, the size, the colour and where it sits, and the text is drawn into the image itself.
- Runs in your browser
- Nothing is uploaded
- No sign-up
- Batch up to 20 images
Drag & drop your image here
or tap to browse · you can also paste from the clipboard
JPG · PNG · WebP · GIF · BMP · AVIF · SVG · up to 50 MB each · up to 20 files
Choose imagesBefore
Result
Processed image will appear here.
How to use the text-on-image tool
Add the picture, type your text, and choose a typeface, size, colour and one of nine positions. The outline keeps the words readable on light and dark areas. The text becomes part of the image, which downloads in its original format.
- Add your imageSample text appears at the bottom so you can see the placement.
- Type and style the textSet the typeface, size, colour and position.
- DownloadThe text is now part of the picture, in the format you choose.
About this tool
Text on a picture has to stay readable whatever is behind it, and a photo is rarely one even tone. That is why the outline is on by default: white text gets a thin dark edge, dark text a light one, and the words hold up against sky and shadow alike. Switch it off for a clean look on a plain background.
Position is one of nine places, the corners, the edges and the centre, with a slider for how far in from the edge. Press Enter in the text box for a second line. If a line is too long for the picture at the size you chose, the whole block is made smaller until it fits, and the result panel tells you so.
What you get
- Five typefaces, bold or regular
- Nine positions with an adjustable margin
- Outline that keeps text readable on any background
- Several lines, and automatic shrinking of lines that are too long
- The same text on up to 20 images at once
When to use the text-on-image tool
Captions and credits
A line at the bottom naming the place, the event or the photographer travels with the picture wherever it is shared.
Labels on product and listing photos
A size, a price or a "sold" note printed on the picture itself cannot be separated from it in a marketplace listing.
Quotes and greetings
A few lines in the centre of a photo, in a display face with the outline on, make a card or a post in a minute.
Dates and notes on record photos
Site, repair and inspection photos are easier to file when the date and job reference are written on each one.
What each text size gives
| Text size | Share of the shorter side | On a 3000 px photo | On a 1000 px image |
|---|---|---|---|
| 10 | 2.4% | 72 px | 24 px |
| 20 | 4.1% | 124 px | 41 px |
| 40 | 8.4% | 253 px | 84 px |
| 70 | 16% | 485 px | 162 px |
| 100 | 25% | 750 px | 250 px |
How it works
The text is drawn with the browser's own text engine onto a transparent layer the size of the picture, and that layer is then laid over the picture at the opacity you chose. Doing it in two steps matters when the outline is on: drawn directly at half opacity, the outline would show through the letters it surrounds. The outline is a stroke 14% of the text size wide, in black for light text and white for dark, decided from the brightness of the colour you picked.
Text size is a share of the picture's shorter side, from 1.2% to 25%, and lines are spaced at 1.2 times that size. Before drawing, the widest line is measured; if it would not fit between the margins, the size is reduced in steps of 6% until it does. The three typefaces that belong to this site are loaded before anything is drawn, so the first result is not set in a stand-in font. Up to twelve lines are drawn.
Common problems and how to fix them
- The text is smaller than the size I set
- The longest line was too wide for the picture, so the block was shrunk to fit. Break the line in two with Enter, shorten it, or reduce "Distance from the edge".
- I cannot read the text against the photo
- Switch on the outline, or choose a colour that contrasts with that part of the picture. Moving the text to a plainer area, such as sky or a wall, helps more than any colour.
- The typeface is not the one I chose
- Serif and Heavy use fonts from your own device, and fall back to the nearest available when Georgia or Impact is missing. Characters outside the Latin alphabet are drawn in a device font that has them.
- I need the text somewhere between two positions
- Use the nearest of the nine positions and adjust "Distance from the edge". Adding blank lines above or below the text in the box also shifts it up or down.
Frequently asked questions
Can I drag the text to an exact spot?
Not by dragging. The text goes to one of nine positions, and the "Distance from the edge" slider moves it in or out from there. That covers captions, labels and credits, and it means the same placement can be applied to a whole batch. Free placement anywhere on the picture is not offered.
Which fonts are available?
Three that come with this site and look the same on every device (DM Sans, Bricolage Grotesque and DM Mono), plus a serif and a heavy display face that use what your device has: Georgia and Impact where they are installed, the nearest equivalent where they are not. Your own font files cannot be loaded.
Can the text be edited or removed later?
No. The text is drawn into the pixels of the picture and saved as an ordinary image, so it cannot be selected or changed afterwards. Keep your original, and add the text again if the wording changes.
Does it support Hindi and other scripts?
Yes, as far as your device does. The typefaces supplied by this site cover Latin letters. For other scripts, such as Devanagari, Arabic or Chinese, the browser draws the text with a font from your device that has those characters, so it appears, though not in the typeface named in the list.
Can I put the same text on many photos?
Yes. Add up to 20 images and they all receive the same text with the same settings. Because the size and margin are shares of each picture, a mix of large and small photos comes out looking consistent.
Can I add more than one piece of text?
One block per pass, which can have several lines. For text in two different places, download the result and add it again as a new image with the second text.