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 exactly what the exported PNG will look like.
  • Word-wrap handles long captions automatically — no manual line breaks needed.
  • Four placement modes (above, below, overlay-top, overlay-bottom) cover every layout need.
  • All processing is local — your photos stay on your device.
  • Pick any color for background and text via standard color picker, with semi-transparent overlay backgrounds.
  • Free, no watermark, no sign-up, no file size cap beyond browser memory.

How to use Image Caption Adder

  1. Upload your image using the file picker or drag-and-drop.
  2. Type the caption text in the text area — it can wrap across multiple lines automatically.
  3. Choose where the caption appears: below, above, overlay-bottom, or overlay-top.
  4. Adjust font size and padding sliders, and pick a font family (sans, serif, mono, or Impact).
  5. Pick text and background colors using the color pickers.
  6. 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

Video Watermark Adder Add text or image watermarks to videos with custom position, font size, colour, and opacity. Runs entirely in your browser. Image Border & Frame Adder Add a custom border with color and rounded corners to any image. Browser-only, download as PNG. Photo Collage Grid Maker Combine up to 9 photos into a collage using multiple layout templates. Set padding, corner radius, background color, and output resolution, then download as PNG. Meme Generator Add classic Impact-style top and bottom captions to any image. No watermark, no sign-up. Image Color Extractor Extract dominant color palette from images Image Pixelate Tool Pixelate a whole image or just a region with adjustable block size.
Understanding Image Metadata: What EXIF Data Reveals About Your Photos Every photo your phone takes embeds GPS coordinates, device model, lens serial number, and timestamp — all invisible but readable by anyone Apr 2026 · 7 min Image Formats Explained: JPEG, PNG, WebP, AVIF, GIF Compared Choosing the wrong image format can double your page weight or break compatibility in older browsers. This guide cuts through the noise with Apr 2026 · 9 min WebP: Why You Should Switch from JPEG and PNG Today WebP typically achieves 25-35% smaller file sizes than JPEG at equivalent quality, and browser support is now essentially universal. The cas Apr 2026 · 8 min

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.