Add Text to Image Online

Add text to images with custom font, size, color and position.

What Add Text Does

Add Text draws a text layer directly onto your image's pixels inside the browser, using canvas rendering rather than sending anything to a server. Whatever you type into Text Content is rendered with the Font, Font Size and Color you pick, then placed using Horizontal Position and Vertical Position — numeric offsets measured from the image's top-left corner. The Shadow toggle drops a fixed drop shadow behind the glyphs so text stays readable when the area behind it is a photo, gradient, or anything busier than a flat color, instead of washing out into the background. It's worth knowing what the tool doesn't do. There's no automatic text wrapping, so a long string at a large Font Size will run past the edge of the canvas rather than reflow onto a new line — you control line breaks yourself inside Text Content. There's no rotation control, so text always sits horizontal, and there's no per-character or per-word styling: the whole string shares one Font, one Color, one Size, and one shadow state. Once you export, the text is flattened into the image's pixels — it isn't kept as a separate, movable layer you can reopen and restyle later, so what you see in the preview before exporting is what you're locked into afterward.

When You'd Use Add Text

This is the tool for putting words on top of a photo when you need control over exactly how those words look and sit, not a generic caption bar. Meme-style images are the obvious case — bold text anchored near the top or bottom edge with Shadow switched on so it reads clearly no matter what's happening in the photo underneath. Quote graphics for social posts work the same way: pick a background photo, overlay the quote text, dial in Horizontal Position and Vertical Position until it clears any busy detail, and export. It also covers quieter, more practical jobs — stamping a small credit or attribution line into the corner of a photo before you share it, labeling a product photo with a size or price, or annotating a screenshot with a pointer caption for a how-to guide. In each of these, the value is Shadow specifically: photos rarely have a clean flat area to drop text onto, and a plain colored string over a sunset gradient, a patterned fabric, or a cluttered desk photo tends to disappear into the image rather than sit legibly on top of it.

Legible captions over busy or low-contrast backgrounds via Shadow
Pixel-precise placement with Horizontal Position and Vertical Position
Runs entirely client-side — no upload while you preview and adjust
One tool for memes, quote graphics, credit lines and screenshot captions

How to Add Text to Your Image

Every field updates the preview live in your browser, so you can see exactly how the text will sit before exporting.

1

Type your caption, quote, or credit line into Text Content — add a line break yourself if you need a second line, since long text won't auto-wrap.

2

Pick a Font and set Font Size relative to your image's resolution; a large source photo needs a bigger Font Size to stay readable at full size.

3

Choose a Color that contrasts with what's behind the text, and switch on Shadow if that area is a photo, gradient, or anything other than a flat, solid color.

4

Set Horizontal Position and Vertical Position to place the text exactly where you want it, check it against the busiest part of the background, then export.

Frequently Asked Questions

Add Text doesn't auto-wrap or auto-shrink text to fit the canvas, so a long string combined with a large Font Size can extend past the left or right edge and get clipped on export. Break the text into shorter lines yourself with a line break inside Text Content, or bring Font Size down until the string sits comfortably inside the frame. There's also no rotation control, so everything renders strictly horizontal — splitting a long line across two lines is the more reliable fix than shrinking the font until it's hard to read.
Add Text is the better fit for placing one caption on one image with full manual control over Font, Color, Size and exact Horizontal/Vertical Position for that specific shot. The Watermark tool is built for applying the same mark consistently across many images at once, typically with tiling or opacity handling that Add Text doesn't offer. If you're stamping a single quote graphic or a one-off caption, use Add Text; if you're branding a whole batch of photos the same way, use Watermark instead.
Both are pixel offsets measured from the top-left corner of your image, so 0/0 anchors the text to the top-left corner and increasing either value slides it right or down. Valid values run roughly from 0 up to your image's width and height in pixels — anything beyond that pushes the text past the visible canvas. Because it's tied to the image's own pixel dimensions rather than a percentage grid, the same numeric position lands in a different relative spot on a 4000px photo than on a 400px thumbnail, so recheck placement after resizing.
No. Add Text runs entirely client-side — font rendering, color compositing, and positioning all happen inside your browser's canvas, not on a server. Your image is never transmitted while you're editing, which also means it keeps working without an internet connection once the page is loaded, and there's no server-side copy of your photo left behind afterward.
Text Content accepts multi-line input, so you can put a caption on one line and a credit or date on the next by adding a line break yourself. What it doesn't give you is an independent second text block with its own Font, Color, or position — everything typed into Text Content shares one style and one Horizontal/Vertical Position. If you need two captions styled completely differently, apply Add Text once, export, then run it a second time on the result.
Shadow is a single toggle, not a panel with its own color, blur, or offset controls — switching it on applies one consistent drop shadow behind the text. It's there specifically to separate text from busy or low-contrast backgrounds, like a gradient sky or a textured wall, where flat colored text alone would blend in. If you need stronger separation than the default shadow gives, your main lever is choosing a Color for the text itself that already contrasts well, since Shadow's own look isn't customizable.
Font styling comes entirely from whichever option you pick in the Font dropdown — there's no separate bold or italic toggle layered on top, and no option to load your own font file. If you want bold or italic text, choose a family from the list that's already styled that way; the list doesn't support faking it with a formatting switch. Font Size and Color stay fully adjustable regardless of which family you pick.
Add Text works with standard photo formats like JPG and PNG, and the exported file keeps the same format as what you loaded in — a JPG stays a JPG with the text baked into the pixels, not saved as a separate editable layer. Because the text is flattened into the image on export, you can't come back later and move or restyle it without starting over from your original, untouched photo. Keep your source image somewhere safe if you think you'll want a different caption on it later.

More Image Tools

Explore other powerful tools for your image editing needs