给图片加文字

What this tool does

Add Text to Image overlays custom text on a photo with full typographic control: font family, size, color, outline (stroke), drop shadow, and a semi-transparent background plate. The text renders directly onto the original pixels of your image and exports as JPG, PNG, or WebP.

Why and when to use it

Useful for social captions, watermarks, sale tags, photo quotes, thumbnails, posters, and slide assets. Because it runs in the browser, it skips the cost and complexity of a full design app for one-off captions or batch labeling. Files never leave your device, so it is safe for confidential or pre-launch material.

Step-by-step

1. Upload your image (JPG, PNG, WebP, GIF, BMP, up to 20 MB).
2. Type the text and pick a font, size, and color.
3. Drag the text on the preview to position it precisely.
4. Optional: enable outline, shadow, or background plate for legibility.
5. Pick an output format and download.

Picking the right legibility helpers

On a clean, single-tone background, plain text is enough. On a busy photo, an outline of 2–6 px in a contrasting color usually keeps text readable. When the photo has many bright and dark regions at once, a translucent background plate (40–60% opacity) is the most reliable option — it gives the text a uniform backdrop without hiding the photo.

Output and formats

JPG keeps file size small and is best for photos; PNG keeps full transparency and lossless detail (ideal when you plan to overlay the result on another design); WebP usually offers the smallest file at the same quality. Final dimensions match the original image exactly.

Privacy and related tools

Files stay in your browser tab. For more image edits, try Blur Background, Rotate Image, or Image Converter.

Interface walkthrough

Upload — drag & drop or click to pick a file (max 20 MB).
Text — supports up to 200 characters and multiple lines (Enter for a new line).
Font Family — system fonts load instantly; Google Fonts load on demand.
Font Size — slider 12–200 px; type up to 400 px in the input for huge titles.
Text Color — color picker with hex input.
Outline — toggle a stroke around each glyph; pick color and width 0–20 px.
Background plate — translucent rectangle behind the text; tune color and opacity.
Shadow — drop shadow with X/Y offsets (-20 to 20) and blur (0–50).
Alignment — left, center, right within the text block.
Preview — drag to reposition the text, scroll-zoom with Ctrl/Cmd.

What does Add Text to Image do?

It draws custom text onto a photo or graphic with full control over font, size, color, outline, shadow, and a translucent background plate. The result is rendered locally and exported as JPG, PNG, or WebP.

Who is this tool for?

Marketers building social posts, designers mocking up captions, educators preparing slides, e-commerce teams adding price tags or labels, and anyone overlaying watermarks or quotes on a photo.

Where does the processing happen?

Entirely in your browser using HTML canvas. The image never leaves your device — no upload, no server, no account.

Why does the text look slightly different right after I switch fonts?

Some fonts (Google Fonts) load on demand. The preview re-renders automatically once the font is ready, usually within a fraction of a second on a normal connection.

How do I move the text on the image?

Drag directly on the preview to reposition the text. The X/Y coordinates are stored relative to the original image, so the export matches what you see.

When should I enable the outline or background plate?

Use an outline (stroke) when the text sits over a busy or low-contrast background. Use a translucent background plate when the photo has too many color regions for an outline to handle cleanly.

Does it support multi-line text?

Yes. Press Enter inside the text field to add a new line. Each line respects the chosen alignment and shares the same font and color settings.