How to Add Text to a Photo
Putting words on a picture is trivial. Putting words on a picture that stay readable over a busy, unpredictable background — that's a small craft, and it comes down to four rules the pros apply automatically.
Rule 1: outline or backing, always
A photo contains every brightness at once, so any single text color will vanish somewhere. The fix used by subtitles, memes and street signs alike: wrap the letters in a contrasting outline(white text, dark contour) or set them on a semi-opaque backing bar. White-with-black-outline reads on literally any background — that's why it became the meme standard.
Rule 2: size for the destination, not the canvas
Text that looks bold while you edit a 4000-pixel photo becomes a whisper as a 300-pixel thumbnail. Size text as a percentage of image height — captions around 5–8%, headline text 10–15% — and check the result at the size people will actually see it. Social feeds are unforgiving; when in doubt, go bigger and bolder.
Rule 3: place text in the quiet zones
Skies, walls, out-of-focus backgrounds and shadows are your friends; faces, edges and detailed textures are not. Photographers deliberately leave “negative space” for this. The classic anchor positions — bottom-center for captions, a top or bottom third for titles — exist because those areas are most often calm. Keep a padding margin so letters never kiss the image edge.
Rule 4: fewer words, plainer type
An image caption competes with the image. Five to eight words in a clean bold sans-serif beats a sentence in a decorative script every time. If you need a paragraph, it belongs in the post text or the page — not baked into pixels.
When text should NOT be in the image
Baked-in text can't be read by screen readers, indexed by search engines, selected, translated or resized. For web pages, real HTML text over an image (or alongside it) is better for SEO and accessibility in every way. Reserve in-image text for the places HTML can't follow: social media images, memes, watermark credits, product labels and thumbnails.
A quick workflow
- Crop and straighten the photo first.
- Add the text — outline on, positioned in a quiet zone, sized generously.
- Export PNG (crisp text edges), then compress for the web.
Do it in your browser
The add text to image tool gives you the 3×3 position grid, size-by-percentage, color, bold and the all-important outline toggle, with a live preview and full-resolution PNG export — no upload, no editor install. Finish with the image compressor so the result loads fast.