Text guide
How to Add Text to a Photo and Keep It Readable
Adding text is easy; making it feel like part of the image takes more care. Readability depends on contrast, font choice, spacing, placement, and the size at which people will actually see the finished graphic.
BeforeAfterCreate a clear hierarchy
Give the most important message the largest size or strongest weight. Supporting information should be smaller and quieter. Two or three levels are usually enough: headline, supporting line, and optional detail.
Use one font family for a clean design or pair a distinctive display face with a simple sans serif. Too many unrelated fonts make a small graphic feel inconsistent.
Make text readable over a photo
Place text over an area with relatively simple texture. If the background is busy, add a subtle shadow, outline, or translucent highlight behind the letters. The goal is separation, not a heavy effect.
Check contrast in both bright and dark parts of the image. White text may disappear over clouds; black text may disappear in shadows. A background panel with modest padding is often more reliable than an extreme shadow.
Use the text box, not only font size
Resize the text box to control line breaks while keeping font size independent. Narrower boxes create more lines; wider boxes create a calmer horizontal shape. Use line height to prevent stacked lines from touching and letter spacing sparingly for uppercase headings.
- Type the final wording before detailed styling.
- Choose alignment based on the composition.
- Set the text-box width and wrapping.
- Adjust font size and line height.
- Add contrast support only if needed.
- Review at the final export size.
Keep important text away from edges
Leave a safe margin around titles and calls to action. Social apps may crop previews or place interface controls over corners. Export guides and selection handles should never appear in the downloaded image.
Practical tips
- Use one strong font family and a clear size hierarchy.
- Test readability at the final viewing size.
Common mistakes
- Placing text over a busy area without contrast support.
- Using too many fonts, effects, or narrow line breaks.
