5 Ways to Add Text to an Image Online (Free Methods)

Adding text to an image is one of the most common image editing tasks. Social media posts, blog headers, product labels, memes, motivational quotes, event announcements — they all require text on images. And you don't need to be a designer or own expensive software to do it well.

This guide covers 5 methods to add text to images, from instant online tools to professional software, with step-by-step instructions for each.

Method 1: BestPNG Text Tool — Fast and Free in Your Browser

BestPNG's add text tool lets you add text to any image directly in your browser with no signup required. It's the fastest option for quick text overlays.

How to use it:

1. Go to bestpng.com/tools/add-text
2. Upload your image (PNG, JPG, or WEBP)
3. Click on the image where you want to place text
4. Type your text and adjust the settings:
   • Font family and size
   • Text color and opacity
   • Bold, italic, underline
   • Text alignment
   • Shadow and outline options
5. Position the text by dragging it
6. Download the result

Pros:

• Completely free, no account needed
• Works on any device with a browser
• Multiple text layers supported
• Real-time preview as you edit
• Outputs high-quality PNG or JPG

Cons:

• Fewer fonts than desktop software
• No curved or warped text (yet)

BestPNG is well-suited for quick jobs: adding a title to a blog image, a caption to a photo, a watermark, or text for social media posts.

Method 2: Canva — Design-Focused Text Editor

Canva is a popular online design platform with extensive text editing features. It offers hundreds of fonts, text effects, and pre-designed text templates.

How to use it:

1. Open Canva and create a new design (or use a template)
2. Upload your image as a background
3. Click "Text" in the left sidebar
4. Choose "Add a heading," "Add a subheading," or "Add body text"
5. Type your text, then customize:
   • Font selection (hundreds available)
   • Size, color, spacing
   • Effects (shadow, outline, glow, lift, splice)
   • Animation (for digital use)
6. Position and resize your text box
7. Download as PNG, JPG, or PDF

Pros:

• Massive font library and text effects
• Pre-designed text templates save time
• Collaboration features for teams
• Text animation for social media

Cons:

• Many features require Canva Pro ($13/month)
• Must create an account
• Interface can feel heavy for simple text additions
• Downloads may include Canva branding on free tier

Canva is a good choice when you need design polish beyond simple text — like styled headings with effects, multi-element layouts, or brand-consistent templates.

Method 3: Adobe Photoshop — Professional Text Control

Photoshop gives you the most precise control over text on images, with full typographic features, layer effects, blending modes, and pixel-perfect positioning.

How to use it:

1. Open your image in Photoshop
2. Select the Type Tool (T)
3. Click on the image where you want text (or drag to create a text box)
4. Type your text
5. Customize in the Character and Paragraph panels:
   • Font, size, weight, style
   • Kerning, tracking, leading
   • Color, anti-aliasing method
6. Add layer effects (Drop Shadow, Stroke, Bevel, Glow)
7. Use blending modes for creative integration
8. Export via File > Export > Export As

Pros:

• Complete typographic control
• Layer effects for professional text styling
• Blend text naturally with the image
• Supports any font installed on your system
• Warped and curved text options

Cons:

• Requires Creative Cloud subscription (~$22/month)
• Steep learning curve
• Desktop software — not browser-based
• Overkill for simple text additions

Photoshop is the right tool when text needs to be perfectly integrated into an image — like product mockups, movie posters, or professional marketing materials.

Method 4: GIMP — Free Desktop Alternative

GIMP is a free, open-source image editor that provides solid text tools. It's the best free desktop option for adding text with more control than online tools.

How to use it:

1. Open your image in GIMP
2. Select the Text Tool (A)
3. Click on the image to create a text layer
4. Type your text in the GIMP Text Editor that appears
5. Adjust in the Tool Options:
   • Font, size, color
   • Justify and indent
   • Line and letter spacing
6. Use Filters > Light and Shadow > Drop Shadow for shadows
7. Use Filters > Alpha to Logo for stylized text effects
8. Export as PNG via File > Export As

Pros:

• Completely free and open source
• Solid text and layer support
• Runs offline — no internet needed
• Supports system fonts
• Extensive filter and effect options

Cons:

• Interface is dated and less intuitive
• Text editing is less smooth than Photoshop
• Steeper learning curve
• Limited real-time preview of effects

GIMP is worth learning if you need regular text editing without a subscription. It takes longer to master but costs nothing.

Method 5: CSS / HTML Overlay — For Developers

If you're building a website and need text over images, CSS is the cleanest and most flexible approach. The text remains selectable, searchable, and responsive.

Basic implementation:

<div style="position: relative; display: inline-block;">
  <img src="your-image.jpg" alt="Description" />
  <div style="
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
  ">
    Your Text Here
  </div>
</div>

Key CSS techniques for text on images:

• text-shadow — adds readable contrast against any background
• Semi-transparent overlay — background: rgba(0,0,0,0.5) behind text
• Gradient overlay — fade from transparent to dark at the bottom for text areas
• backdrop-filter: blur() — frosted glass effect behind text

Pros:

• Text remains selectable and accessible
• Fully responsive across screen sizes
• No image re-processing needed
• SEO-friendly — search engines can read the text
• Easy to update without re-editing images

Cons:

• Requires HTML/CSS knowledge
• Only works for web display, not exported images
• Positioning can be tricky across different image sizes
• Not suitable for print or social media downloads

CSS overlays are the best choice for web content where text needs to change frequently (like blog headers or product cards) without regenerating images.

Comparison Table

Font Tips for Text on Images

Choosing the right font matters as much as the text itself:

For readability on photos:

• Use bold, sans-serif fonts (like Inter, Montserrat, or Arial Black) — they stand out against complex backgrounds
• Avoid thin or decorative fonts on busy images — they disappear
• Add a text shadow or outline for contrast

For style and personality:

• Serif fonts (like Playfair Display, Georgia) — elegant, editorial
• Script fonts (like Pacifico, Great Vibes) — personal, creative
• Monospace fonts (like JetBrains Mono, Courier) — technical, retro

For social media:

• Keep text large — most people view on mobile
• Use high contrast colors (white text on dark overlay works universally)
• Limit to 6-8 words maximum for impact

Text Positioning Best Practices

Rule of thirds. Place text at one-third or two-thirds of the image height for a natural, balanced look.

Avoid covering the subject. Position text in less detailed areas — sky, ground, blurred backgrounds.

Use contrast. If the image is light, use dark text (or add a dark overlay). If the image is dark, use light text.

Leave breathing room. Don't push text to the very edge. Padding of 5-10% from the image border looks more professional.

Align consistently. Left-aligned text is easiest to read. Center-aligned works for short, punchy headlines. Avoid right-aligned text on images — it feels unnatural.

Frequently Asked Questions

What's the fastest way to add text to a photo on my phone? Open BestPNG's text tool in your phone's browser. Upload from your camera roll, add text, and download — all without installing an app.

How do I make text readable on a busy image? Three reliable methods: (1) Add a semi-transparent dark overlay behind the text, (2) Use a text shadow or outline, (3) Place text on a less detailed area of the image. Combining any two of these ensures readability.

Can I add text to a PNG with transparent background? Yes. Upload your transparent PNG to BestPNG's text tool, add your text, and the transparency will be preserved in the output.

What font size should I use for social media images? For Instagram posts (1080x1080), headings should be at least 60-80px. For stories (1080x1920), use 80-120px. On mobile screens, bigger is almost always better.

How do I add a watermark to multiple images? For a few images, use BestPNG's text tool to add your watermark text with reduced opacity. For batch processing, Photoshop's Actions feature or a dedicated watermarking tool is more efficient.

Conclusion

For most people, BestPNG's add text tool is the fastest path from "I need text on this image" to a finished result. No signup, no software, no learning curve — just upload, type, position, and download.

For more complex design work, Canva offers styled templates, Photoshop provides full professional control, and GIMP gives you a free desktop alternative. For web developers, CSS overlays remain the most flexible solution for text on web images.

Add text to your image now with BestPNG →