My Tool Studio
Image Tools·5 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 effects that rescue text on busy backgrounds, and the mistakes that make otherwise good images unreadable at feed size.

Open the free Add Text to ImageAll insights

When the caption 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: mug.jpg, 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, font Impact, Text color #FFFFFF, Size 6 percent of image width, Opacity 100, and the default thin black outline. Click Bottom to snap the layer low in the frame, then drag it a little until it clears the mug. Click Add text, then Download.

Output: mug-text.jpg, still 1080x1080, with a white caption about 65 pixels 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. Six percent of the width stays legible at thumbnail scale. The bottom avoids the mug, which is the subject. Move any one of those, white text over the pale mug, a size of 2 percent, dead center, and the caption stops working.

Contrast: 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. Light words belong over shadows and dark surfaces, dark words over sky, snow, and bright walls. Dragging the layer around the preview is really a contrast search: you're choosing which region of the photo the words compete with.

When no region is quiet enough, the tool gives you three overlays. An outline in a contrasting colour, set as a share of the font size, puts a hard edge around every letter; white with a thin black outline works on almost any photo. Drop shadow adds a soft dark halo. Background box puts a solid panel in the colour you choose behind the text, which is the most reliable fix of the three and the least subtle.

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 weight on busy images

Weight beats style when backgrounds fight back.

One principle governs type on busy photos: 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. The tool offers ten font styles, from Sans and Impact to Georgia, Courier and a script face, plus bold and italic. On a busy photo, reach for Impact or bold Sans; save Georgia or Times for quotes on calm backgrounds.

The fonts come from your device, so an unusual one may fall back to something similar. When the background is busy edge to edge, compensate with size and position: push the size up so each stroke covers more background variation, and move the text to whichever area has the least detail. Size is set as a percentage of image width, and 5 to 8 percent is a sensible starting band for headlines.

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 outline, shadow or box behind it, giving near-zero contrast exactly where the words sit.
  • Sizing by what looks right zoomed in: text at 1 or 2 percent of the width looks fine in the editor and vanishes the moment the image is shown in a feed.
  • Placing 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. Keep text away from the edges as well, since social apps lay buttons and names over the bottom and sides.

When you're producing a series, tutorial steps, an event album, a product line, set up the layers once on the first photo, then add the rest. Every photo gets the same layers in the same relative position and the results download as images-with-text.zip. Because size is a share of width, the text looks the same on photos of different resolutions. Check the first and last image, since a portrait shot in a landscape batch may need its own run.

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. Need a second line or a separate label? Press Enter for a new line, or click Add text layer and style the new layer on its own.

Add Text to Image vs watermarks and the Screenshot Editor

Similar controls, different intent.

Add Text to Image and Add Watermark to Image both draw text onto photos, 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 watermark tool, which adds logo marks, edge margins and a tiled mode.

For app captures rather than photos, start with the Screenshot Editor instead; it frames the capture and handles blur, redaction and highlight boxes, 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