UtilityKit

500+ fast, free tools. Most run in your browser only; Image & PDF tools upload files to the backend when you run them.

Image Caption Adder

Add a clean caption above, below, or on top of any image. Choose font, size, color, padding.

About Image Caption Adder

The Image Caption Adder lets you place text on, above, or below any photo with full control over typography. Choose between four positions — caption below the image, above the image, overlaid at the top, or overlaid at the bottom — and tune font family, font size, padding, text color, and background color independently. The tool draws everything onto a single canvas so the resulting PNG is a flat, share-ready image with no separate text layer. Word-wrap is automatic, so multi-line captions stay inside the canvas no matter how long. Everything happens in your browser; the photo never leaves your device.

Why use Image Caption Adder

Live canvas preview shows

Live canvas preview shows exactly what the exported PNG will look like.

Word-wrap handles long captions automatically

Word-wrap handles long captions automatically — no manual line breaks needed.

Four placement modes (above

Four placement modes (above, below, overlay-top, overlay-bottom) cover every layout need.

All processing is local

All processing is local — your photos stay on your device.

Pick any color for

Pick any color for background and text via standard color picker, with semi-transparent overlay backgrounds.

Free

Free, no watermark, no sign-up, no file size cap beyond browser memory.

How to use Image Caption Adder

Upload your image using the file picker or drag-and-drop.
Type the caption text in the text area — it can wrap across multiple lines automatically.
Choose where the caption appears: below, above, overlay-bottom, or overlay-top.
Adjust font size and padding sliders, and pick a font family (sans, serif, mono, or Impact).
Pick text and background colors using the color pickers.
Click Download PNG to save the captioned image.

When to use Image Caption Adder

When adding a quote, attribution, or title to a photo for social media.
When labeling a screenshot for documentation, a tutorial, or a blog post.
When creating a meme-style image without going full Impact-stroke aesthetic.
When preparing slides where photos need clear, readable captions baked in.
When making a product image with a price tag, model name, or call-out text.
When subtitling a still from a video for accessibility or context.

Examples

Quote below photo

Input: A 1080x720 sunset photo, caption 'Endings are also beginnings'

Output: A 1080x780 PNG with the photo plus a 60-pixel caption strip below in white-on-black sans-serif

Screenshot label overlay

Input: A 1440x900 dashboard screenshot, overlay-top, 'Step 1: Open settings'

Output: A 1440x900 PNG with a semi-transparent black bar across the top containing the labeled instruction

Meme-style top caption

Input: A 800x800 cat photo, Impact font, overlay-bottom, 'I has a flavor'

Output: A 800x800 PNG with bold Impact text overlaid at the bottom on a 80%-opaque background

Tips

For overlay modes, the background color uses 80% opacity automatically so the photo behind it stays readable.
Use a font size around 4-6% of the image height for balanced, readable captions.
Pair Impact font with strong stroke weight only on memes — for photo captions, sans-serif looks cleaner.
If the caption gets cut off, increase padding rather than shrinking font size to keep readability.
Save as PNG to keep crisp edges; JPG slightly softens text rendering.

Frequently Asked Questions

Does the caption push the image down or sit on top of it?▾

Both modes are supported. Choose 'below' or 'above' to add a separate caption strip; choose 'overlay-bottom' or 'overlay-top' to render the caption directly on the image with a semi-transparent background.

Will the caption text wrap automatically?▾

Yes. The tool measures the rendered text width and inserts line breaks between words so the caption fits within the image width minus padding.

Can I use a custom font?▾

You can pick between four built-in font families (Sans, Serif, Mono, Impact). Custom fonts would require uploading a font file, which this tool does not currently support.

Does the photo upload to a server?▾

No. The Canvas API runs entirely in your browser, so your photo and caption never leave your device.

What format does the export use?▾

PNG, which preserves crisp text edges. PNG is lossless and supports the entire color and padding combination perfectly.

Can I add multiple captions to one image?▾

The tool supports a single caption per export. To add a top and bottom caption, save once with the top caption, re-upload the result, and add the bottom caption.

Will the caption preserve original image resolution?▾

Yes. For below/above modes the canvas grows to fit the caption. For overlay modes the canvas stays the same size as the original photo.

Why does my caption look slightly soft?▾

Browsers anti-alias text on canvas. To minimize this, save as PNG (not JPG) and use larger font sizes — small text on dense images can sometimes appear softer than vector text.

Explore the category

Glossary

Word wrap: Automatic line-breaking of text so it fits within a maximum width — the tool measures text width and inserts breaks between words.
Overlay: A caption rendered directly on top of the image, often with a semi-transparent background, instead of in a separate strip.
Padding: Empty space between the caption text and the edges of its container — controls how much breathing room the text has.
Baseline: The invisible line on which text sits — top baseline draws from the top of letters, bottom baseline from the descender.
Font family: A typeface group such as Arial or Impact — the tool uses CSS font stacks for native rendering.
Canvas measurement: The browser's text-width measurement (ctx.measureText) used to compute where word-wrap should break long lines.