Why is the font size a percentage instead of pixels?

It's measured against the image height (2–30%, default 8%), so 10% is one-tenth of the image tall at any resolution. That keeps a caption consistent across images — but the same percentage produces physically bigger text on a taller photo.

How do I add a second line of text?

Press Enter in the text box. The lines stack with 1.2× spacing and the whole block stays centered on your chosen vertical position.

Why does my text have a dark edge around it?

A semi-transparent black outline is drawn behind every letter, scaled to the font size, so light text stays readable over bright or busy backgrounds. It's applied automatically and can't be switched off.

I picked Impact but the text looks like a plain font — why?

The twelve fonts are system fonts. Impact and Comic Sans MS render only if they're installed on your OS; otherwise the browser substitutes a default. Arial, Georgia, and the generic sans-serif/serif/monospace options work on nearly every device.

How do I center the text exactly?

The position sliders snap to 50% when you're within a few percent, so drag near the middle and it locks to center. 50% / 50% is dead center; the default 50% / 85% sits it near the bottom like a caption.

Text Overlay

Add text and captions over images.

Choose an image

Processed in your browser — never uploaded, discarded after download.

What is Text Overlay?

Text Overlay puts a caption, title, or watermark text on top of an image with a live preview, free and in your browser. Set the font size as a percentage of image height, pick any color, and position the text anywhere — an easy way to add text to a photo online.

Key features

Live preview while you type and adjust
Font size scales as a percentage of image height
Any text color, with a dark outline for readability
Position anywhere: 0–100% horizontally and vertically
Downloads the captioned image as a PNG

How to add text over an image

Text Overlay burns a caption, title, or watermark directly onto a photo and exports a PNG. A live preview shows the text on your actual image as you adjust it, so what you see is exactly what downloads.

Steps

Choose an image. It loads onto a preview canvas at full resolution.
Type your text and style it:
- Font — pick from twelve families (Arial, Georgia, Impact, Courier New, and more).
- Size — set as a percentage of the image's height (2–30%, default 8%).
- Color — any color; a semi-transparent dark outline is drawn behind the text automatically.
- Position — horizontal and vertical sliders from 0 to 100% of the image.
Add text & download. The result is a PNG saved with a _text suffix.

Why size is a percentage, not pixels

The font size is measured against the image's height, not in fixed pixels. Set it to 10% and the text is one-tenth of the image tall — whether that image is a 400-pixel thumbnail or a 4000-pixel photo. This is what keeps a caption looking the same relative size regardless of resolution, so you don't have to re-tune it for every image. The flip side: the same percentage produces physically larger text on a tall image than on a short one, so after switching to a much taller photo you may want to nudge the size down.

Readability and positioning

Text is drawn with a dark outline — a soft black stroke, scaled to the font size — around whatever color you choose. That outline is what lets white text stay legible over a bright sky or a busy pattern: the edge separates the letters from the background instead of letting them blend in. The text is always rendered in a bold weight for the same reason.

The position sliders snap to 50% when you get within a few percent of center, which makes it easy to nail a perfectly centered title without fiddling. Each line is centered on the point you choose, so 50% / 50% puts the text dead center; the default 50% / 85% sits it near the bottom like a caption.

To break text across multiple lines, press Enter in the text box. The lines are stacked and the whole block stays centered on your chosen vertical position.

A note on fonts

The twelve fonts are system fonts rendered by your browser, not files bundled with the tool. That means a font like Impact or Comic Sans MS appears only if it's installed on your operating system; if it isn't, the browser quietly substitutes a default. Common choices like Arial, Georgia, and the generic sans-serif / serif / monospace options are safe on virtually every device.

Privacy

The caption is drawn onto the image with your browser's canvas. Both the photo and the text you type stay on your device — nothing is uploaded.

Frequently asked questions

Why is the font size a percentage instead of pixels?: It's measured against the image height (2–30%, default 8%), so 10% is one-tenth of the image tall at any resolution. That keeps a caption consistent across images — but the same percentage produces physically bigger text on a taller photo.
How do I add a second line of text?: Press Enter in the text box. The lines stack with 1.2× spacing and the whole block stays centered on your chosen vertical position.
Why does my text have a dark edge around it?: A semi-transparent black outline is drawn behind every letter, scaled to the font size, so light text stays readable over bright or busy backgrounds. It's applied automatically and can't be switched off.
I picked Impact but the text looks like a plain font — why?: The twelve fonts are system fonts. Impact and Comic Sans MS render only if they're installed on your OS; otherwise the browser substitutes a default. Arial, Georgia, and the generic sans-serif/serif/monospace options work on nearly every device.
How do I center the text exactly?: The position sliders snap to 50% when you're within a few percent, so drag near the middle and it locks to center. 50% / 50% is dead center; the default 50% / 85% sits it near the bottom like a caption.

Privacy

The caption is rendered onto the image using the browser's canvas — your photo and the text you add both stay on your device.