Upload an image and type text to see a live preview

Help Us Improve

(—)

Add text to image online

Add text to image online free. Upload a photo, type your words, customize font size, color, and position, then download as PNG — all in your browser with no server upload.

What is a text on image tool?

A text on image tool (also called add text to photo or text overlay tool) lets you write words directly on your pictures. Upload any photo, type your text, and customize the font size, color, opacity, and position. You can drag the text to place it exactly where you want on the image. The result is a single PNG file with your text overlaid — perfect for social media posts, watermarks, memes, marketing graphics, blog headers, and greeting cards. All processing is private and runs entirely in your browser.

Text overlay features

Add and customize text on any image with full control.

  1. Custom text: Type any text to overlay on your image. The text updates in real time as you type.
  2. Adjustable font size: Choose font size from 12 to 200 px to match your design needs.
  3. Multiple fonts: Select from 8 popular font families including serif, sans-serif, and monospace options.
  4. Color picker: Pick any text color using the built-in color picker for perfect brand or style matching.
  5. Opacity control: Adjust text opacity from 0% to 100% for subtle watermarks or bold headlines.
  6. Drag to position: Click and drag the text anywhere on the image for precise placement.
  7. Live preview: See your text overlay update instantly as you change any setting.
  8. Browser-based: All processing stays on your device — no uploads, no accounts, no limits.

How to add text to an image

Add text overlay to your photos in a few simple steps.

  1. Upload your image: Select a PNG, JPEG, WebP, or GIF file from your device.
  2. Type your text: Enter the words you want to display on the image.
  3. Customize style: Adjust font size, family, color, and opacity to match your design.
  4. Position the text: Drag the text on the preview to place it exactly where you want.
  5. Download PNG: Save the image with your text overlay as a high-quality PNG file.

Tips for adding text to images

Get the best results when overlaying text on photos.

  1. Choose readable colors: Use light text on dark backgrounds and dark text on light backgrounds for the best readability.
  2. Use opacity wisely: Lower opacity (30-50%) works well for watermarks. Use full opacity for headlines and captions.
  3. Position matters: Place text in areas with less visual clutter for better readability. The bottom or top third of an image often works well.

Great for

Common uses for adding text to images.

  1. Social media posts: Add captions, quotes, or branding text to images for Instagram, Facebook, and Twitter.
  2. Watermark photos: Add a subtle text watermark to protect your photography or artwork.
  3. Create memes: Quickly add text to images for memes and funny content.
  4. Marketing graphics: Create promotional images with text overlays for products and events.
  5. Blog featured images: Add title text to images for blog post headers and social previews.
  6. Greeting cards: Personalize photos with text messages for greeting cards and invitations.

Why use this text on image tool

Fast, private, and flexible text overlay tool.

  1. 100% free: No sign-ups, watermarks, or usage limits.
  2. Privacy first: All processing stays on your device.
  3. No app needed: Works directly in your browser on any device.
  4. Full style control: Font, size, color, opacity — total creative freedom.

Technical details

How the text overlay tool works.

  1. Text rendering: Canvas 2D fillText with shadow for readability. Supports multi-font rendering via font property.
  2. Font size: 12 px to 200 px in 1 px increments.
  3. Font families: Arial, Helvetica, Times New Roman, Georgia, Courier New, Verdana, Impact, Comic Sans MS.
  4. Positioning: Pixel-based x/y coordinates. Drag-to-position via pointer events with text measurement.
  5. Input limits: 15 MB maximum file size; 8192 px maximum edge.
  6. Export format: PNG — lossless export with text overlay composited on source image.

Frequently Asked Questions

Have questions? We have answers.

More tools from Image & Conversion.