Add Text to Photos Online: Fonts, Styles and Pro Tips

By Pixora Team · Published October 7, 2026 · Last updated: October 2026

The Pixora Team builds and tests the free Pixora browser editor — every tutorial on this blog is verified hands-on in the editor before publishing.

To add text to a photo online, open Pixora in your browser, load your photo, press T, click the canvas and type — your caption lands on its own movable layer, no install or signup. This guide covers positioning, readability tricks for busy backgrounds, layer styling, and the typography habits that make graphics look professional.

Adding and positioning text

Press T, click anywhere on the canvas, and start typing — your text appears on a brand-new layer automatically. Switch to the move tool (V) to drag it into place; nudge with precision by zooming in. Because text lives on its own layer, you can reposition, restyle or delete it at any point without touching the photo — a freedom you lose the moment text gets flattened into pixels.

Placement follows the photo, not the other way around. Look for “quiet” areas — open sky, blurred backgrounds, dark corners — and park your text there. If the photo is busy everywhere, that is what the readability tricks in the next section are for. And keep margins generous: text kissing the canvas edge looks accidental.

Readability: making text legible over any photo

Unreadable text is the #1 beginner mistake, and it is always fixable. The core principle is contrast: light text needs dark behind it and vice versa. Four reliable techniques: 1. The dark band: add a new layer behind the text, draw a rectangle with the shapes tool (U), fill it black, and drop opacity to 40–60% — instant readable zone. 2. The blur patch: duplicate the photo layer, apply gaussian blur to the copy, and erase everything except a soft zone behind the text. 3. The vignette assist: darken photo edges so corner text pops. 4. The outline: duplicate your text layer, offset it slightly, and darken it for a shadow that lifts letters off busy backgrounds.

Test readability the honest way: squint at the graphic or shrink it to thumbnail size. If you cannot read it instantly, your viewers cannot either.

Styling tricks with layers and blend modes

Text layers accept everything layers can do. Lower a text layer’s opacity for watermarks and subtle captions. Set headline text to overlay over a textured photo for an integrated, printed-on look. Stack two text layers — a bright top copy offset by a few pixels over a dark copy — for instant depth without any effects menu.

The gradient tool adds another dimension: fill a text-adjacent shape layer with a gradient, set it to multiply at low opacity, and you have a designer-style color wash behind your headline. And remember the paint bucket (G): solid color blocks behind text, common in thumbnails and banners, take seconds on their own layers. For full graphic projects, our free graphic design guide builds complete social posts from these pieces.

Typography habits of polished graphics

Tools aside, good-looking text is mostly discipline. Limit yourself to two typefaces (one for headlines, one for body) — more reads as chaos. Size creates hierarchy: make the one thing that matters biggest, and let everything else shrink. Left-align or center deliberately — centered suits short headlines, left-aligned suits longer lines. Give text room: line spacing (leading) should feel airy, and keep a clear margin between text and faces or key subjects in the photo.

Finally, proofread at 100% zoom and then once more after export. Typos in graphics are forever — or at least until someone screenshots them. When the design is done, export as PNG for crisp text edges, as explained in our PNG vs JPEG guide.

Frequently Asked Questions