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

Compress Image

Reduce file size

Resize Image

Change dimensions

Crop Image

Cut out area

Convert Format

Change format

Photo Editor

Edit photos

Rotate Image

Rotate image

Flip Image

Horizontal/Vertical

Add Watermark

Add watermark

Add Border

Add image border

Rounded Corners

Add rounded corners

Filters

Brightness/Contrast

Blur Face

Hide faces

Mosaic

Blur regions

Remove Background

Remove BG

Enhance Image

AI upscale

Collage

Combine multiple images

HTML to Image

Webpage to image

GIF to Image

Extract frames

Trim Image

Remove empty edges

Batch Rename Images

Safely rename files in bulk

Circle Crop

Crop images into circles

Black & White

Convert images to grayscale

Split Image

Cut an image into a grid

Merge Images

Combine images into one

Change DPI

Set image DPI metadata

Image to Base64

Encode images as Base64

Image to PDF

Combine images into one PDF

HEIC to JPG

Convert iPhone HEIC photos to JPG

EXIF Remover

View and strip hidden photo metadata, including GPS location

Favicon Generator

Full icon set plus HTML

Color Palette

Extract colors from an image

Base64 to Image

Decode Base64 back to an image

HEIC to PNG

Convert iPhone HEIC photos to lossless PNG

Text Behind Image

Put text behind the subject of a photo, entirely in your browser

Color Picker

Get the HEX, RGB and HSL of any pixel

Signature Maker

Draw a signature and download it as a transparent PNG

Signature Background Remover

Ink from paper, on transparency

Transparent Background Maker

Make a background transparent

Meme Generator

Add top and bottom meme text

Image Upscaler

Enlarge images 2x, 3x or 4x

PDF to JPG

Turn PDF pages into JPG images

PDF to PNG

Turn PDF pages into PNG images

Passport Photo Maker

Crop ID photos to official sizes