My Tool Studio
Image Tools·4 min read

Readable Text on Photos: Contrast, Size, Placement

The difference between a caption people read and one they squint past is rarely the font. Readable text on photos comes down to three decisions: how much contrast the words have against what's behind them, how large they are relative to the frame, and where they land. This article works through those decisions with the Add Text to Image tool, including a caption example with exact settings, the reasoning behind contrast overlays, and the mistakes that make otherwise good images unreadable at feed size.

Open the toolAll insights

When readable text on photos decides the outcome

A caption is usually the message.

Think about where image text actually shows up: a price splashed across a product shot for a marketplace listing, step numbers on tutorial photos, a date and venue on an event graphic, a punchline on a meme. In each case the photo is the attention and the text is the information. If the words don't survive a two-second glance on a phone, the image failed at its one job.

The stakes are mundane but real. A sale graphic where the discount is illegible converts like a graphic with no discount at all, and a tutorial where step labels blend into the background generates the exact support questions it was made to prevent.

A worked caption example on a 1080x1080 product photo

Exact settings, start to finish.

Input: a 1080x1080 photo of a ceramic mug on a dark walnut table, where the bottom third of the frame is low-detail wood grain. Settings in the tool: text SPRING SALE 40% OFF, color #FFFFFF, Size 64, Opacity 100, Position bottom center. Output: the same 1080x1080 JPG with a white caption about 6 percent of the frame tall, sitting on the darkest, quietest region of the photo.

Every choice maps to a rule. White lands on dark wood, so contrast is high. Size 64 on a 1080 pixel frame stays legible at thumbnail scale. Bottom center avoids the mug, which is the subject. Move any one of those, white text over the pale mug, size 28, dead center, and the caption stops working.

Contrast overlays for text: visible versus legible

Luminance difference is the whole game.

Text is legible when its luminance differs sharply from the pixels directly behind it, not from the photo's average. That's why contrast overlays for text matter more than color taste: light words belong over shadows and dark surfaces, dark words over sky, snow, and bright walls. The nine-position anchor system in the tool is really a contrast picker; you're choosing which region of the photo the words compete with.

Opacity is part of the same equation. For captions, keep it at or near 100, since every point of transparency lets the background bleed through and eats contrast. Reduced opacity is a watermarking move, where you want the mark subordinate to the image, and it's the wrong default for text that carries information.

Font choices on busy images, and why bold sans wins

Weight beats style when backgrounds fight back.

Font choices on busy images follow one principle: stroke weight is armor. A thin serif dissolves into foliage, crowds, or texture because its fine strokes are narrower than the background detail. A heavy sans-serif keeps a solid silhouette that survives noise behind it. This is why the tool renders a single bold sans-serif rather than offering a menu of decorative faces that would fail on half the photos they're applied to.

When the background is busy edge to edge, compensate with the two levers you have: push the size up so each stroke covers more background variation, and anchor the text to whichever of the nine positions has the least detail. As a starting ratio, caption text around 4 to 6 percent of the image height holds up on most photos and platforms.

Caption mistakes that make image text unreadable

The same failures, over and over.

Watch for these patterns before you export:

  • White text over sky or snow with no dark region behind it, giving near-zero contrast exactly where the words sit.
  • Sizing by what looks right zoomed in: 24 pixel text on a 4000 pixel photo vanishes the moment the image is resized for a feed.
  • Anchoring the caption over the subject's face or the product itself instead of the frame's quiet zone.
  • Dropping opacity to 60 for a caption because it looks subtle in the editor, then wondering why nobody catches the message.
  • Writing a sentence when the medium supports five words; long captions force small text, and small text loses.

Quick habits for cleaner text on images

Two checks, one batch trick.

Before downloading, zoom your browser out until the preview is roughly thumbnail sized; if you can still read the caption, phones can too. And when you're producing a series, tutorial steps, an event album, a product line, decide the position, size, and color once, then run the whole set through bulk mode so every image comes back with identical, professional-looking placement.

One more: match the caption color to something already in the photo when you can. A white caption is safe, but a caption sampled from the product's accent color looks designed rather than stamped.

Add Text to Image vs Image Watermark and Screenshot Editor

Same engine, different intent.

Add Text to Image and Image Watermark share a renderer, and the settings tell them apart: captions run large, opaque, and prominent, while watermarks run small, translucent, and peripheral. If your goal is protecting a photo rather than informing its viewer, switch to the Image Watermark workflow and its tiled mode.

For app captures rather than photos, start with the Screenshot Editor instead; it frames the capture and handles blur and redaction, and you can pass its PNG through this tool afterwards when a label is genuinely needed.

Try it now

Open Add Text to Image

The tool is one click away. No sign up, no upload, no payment.

Open Add Text to Image