Add Text to Image | Free Online Text Overlay Tool

HOW TO USE

How to Use Add Text To Image

Step-by-step guide for Add Text to Images

Quick Start (4 Steps)

1

Upload your image
Drag and drop a photo or click “Browse files”. Supports JPEG, PNG, and WebP (up to 15MB).

2

Add text
Click the big “Add Text” button. A new text layer appears on your image.

3

Customize the text
Drag the text to position it. Use the properties panel to change font, size, color, opacity, and style.

4

Download your image
Click “Download Image” to save the final result as a high-quality PNG.

Detailed Guide

Step 1: Uploading Your Image

Textly supports the most common image formats:

  • JPEG / JPG — Great for photos
  • PNG — Best when you need transparency
  • WebP — Modern format with excellent quality

Simply drag your image onto the upload area or click “Browse files”. The image appears in the preview area ready for text.

Tip: You can upload images up to 15MB. For best results, use high-resolution photos.

Step 2: Adding Text Layers

Click the prominent “Add Text” button at the top of the controls panel. Each click adds a new editable text layer.

You can add as many text elements as you want. All layers are listed in the “Text Layers” section on the right.

Step 3: Positioning and Editing Text

Once text appears on the image:

  • Move it — Click and drag the text anywhere on the image
  • Edit content — Click a text layer or the overlay to select it, then type in the “Text” field
  • Resize — Use the Font Size slider (12px to 120px)
  • Change appearance — Adjust color, opacity, font family, bold, italic, and alignment

Font Options
Choose from Inter, Space Grotesk, Arial, Georgia, Courier, Impact, and more.

Color & Opacity
Pick any color or use the quick color swatches. Lower opacity for subtle overlays.

Step 4: Managing Text Layers

The Text Layers panel shows every piece of text you’ve added. From here you can:

  • Click any layer to select and edit it
  • Use the edit icon to quickly focus on that text
  • Delete individual layers with the × button
  • Clear all text at once using the “Clear text” button

Best Practices

  • Use high-contrast colors (white or black with shadow) so text remains readable
  • Keep font sizes between 28–60px for most social media and web use
  • Add a subtle text shadow (enabled by default) for better readability on busy backgrounds
  • Limit the number of text layers — 2 to 4 usually looks cleanest
  • Use different sizes and weights to create visual hierarchy
  • Always preview on mobile before downloading

Common Use Cases

Use CaseRecommended Settings
Social Media PostsLarge bold text (40–60px), high opacity, centered
YouTube ThumbnailsImpact or bold font, 50–70px, bright contrasting color
Instagram StoriesSpace Grotesk, 36–48px, semi-transparent overlay
Product PhotosClean font, 28–40px, positioned in empty space
Blog HeadersElegant font, 48–60px, subtle opacity
Memes & QuotesBold or Impact font, large size, centered with shadow

Troubleshooting

  • Text is hard to read? → Increase font size, lower opacity of background, or use white/black with shadow.
  • Text disappears when moving? → Make sure you’re dragging from the center of the text box.
  • Can’t select text? → Click directly on the text overlay or select it from the Text Layers list.
  • Image looks pixelated after download? → Use a high-resolution original photo.
  • Want to edit multiple texts? → Click each layer individually in the list to switch between them.

Frequently Asked Questions

Is Textly free?
Yes. Adding text to images is completely free with no limits or watermarks.

Is my data private?
100% private. All editing happens locally in your browser. No images are uploaded to any server.

Can I add multiple pieces of text?
Yes. Click “Add Text” as many times as you want. Each layer can be moved and styled independently.

What formats can I download?
Images are exported as high-quality PNG files with transparency preserved where possible.

Can I change the font?
Yes. Choose from several professional fonts including Inter, Space Grotesk, Georgia, and more.

Does it work on mobile?
Yes. You can upload, add text, and download on phones and tablets (dragging works with touch).

Textly • Add Text to Images
Textly
PROFESSIONAL

Add beautiful text
to your images.

Create stunning visuals with customizable text overlays. Drag, style, and export instantly.

Drop your image here

or click to browse

JPEG • PNG • WebP
Max 15MB

Add Text to Images (Without It Looking Terrible)

I still remember the exact photo that made me stop trying. It was a beautiful shot of a coffee shop interior I took on vacation. The lighting was perfect, the composition was nice. Then I decided to add the words “Best coffee in the city” across the bottom in big white letters. It looked like a five-year-old had done it in Microsoft Paint. The text was crooked, the font was ugly, and the whole image suddenly felt cheap.

That was the moment I realized adding text to images is way harder than it looks. For years after that I either avoided it completely or used terrible workarounds that still looked amateur.

Why Adding Text to Photos Used to Be So Frustrating

I tried everything. Photoshop was too expensive and complicated for quick jobs. Canva was okay but always felt a bit generic, and I hated having to create an account just to add a few words. Online tools were the worst — you’d upload your photo, wait, and then download something that looked compressed and had a watermark.

The biggest problem was control. I could never get the text exactly where I wanted it. I’d type something, and it would be stuck in the center. Or I’d try to move it and it would jump around. And don’t even get me started on fonts. Most tools only gave you five ugly options that looked like they were designed in 2003.

Every time I needed to make a quick graphic for social media or a blog post, I’d spend twenty minutes fighting with the software and still end up with something that looked half-finished.

How I Add Text to Images Now

These days it takes me less than two minutes and the results actually look intentional.

I open a simple browser tool, drag in my photo, and immediately start typing. The text appears right on the image and I can drag it anywhere I want with my mouse. No complicated menus. No waiting for uploads.

I can add as many pieces of text as I need — a big headline, a smaller subtitle, maybe a date or price. Each one is its own layer that I can move, resize, and style independently. The preview updates instantly so I can see exactly how it looks while I’m working.

When I’m happy, I hit download and get a clean PNG with everything perfectly placed. That’s it. No accounts, no watermarks, no weird file size limits.

The one thing that changed everything for me: Being able to drag text freely instead of fighting with alignment tools. It sounds small, but it makes the whole process feel natural instead of technical.

What Actually Makes Text Look Good on Photos

After making hundreds of graphics (and fixing a lot of bad ones), here’s what I’ve learned:

Contrast is everything. Light text on a busy background disappears. Dark text on a light area looks muddy. I almost always use either pure white or pure black with a soft shadow so the text stays readable no matter what’s behind it.

Size matters more than people think. Tiny elegant text can look great in certain designs, but for social media and thumbnails you usually need to go bigger than you think. If you have to squint to read it, it’s too small.

Less is more. The best text overlays usually have one strong message and maybe one supporting detail. When I try to cram in three different pieces of information, it always looks messy.

Real example from last month: I was making a graphic for a product launch. I started with a beautiful photo and added the product name in big bold letters. Then I added the price underneath in a smaller, lighter weight. That was it. It looked clean and professional. When I tried adding a third line of text, the whole thing suddenly felt crowded and cheap.

Common Situations Where This Actually Helps

These are the ones that come up for me all the time:

  • Social media posts — Adding captions, quotes, or calls to action directly on photos
  • Instagram Stories and Reels — Text that actually looks designed instead of slapped on
  • YouTube thumbnails — Big bold text that stands out in a sea of other videos
  • Blog headers and featured images — Clean text that matches the article tone
  • Product photos for selling — Prices, discounts, or key features overlaid professionally
  • Event flyers and invitations — Dates, locations, and names that don’t ruin the photo

Things I Stopped Doing

I no longer:

  • Use the same ugly default font for everything
  • Center text by default just because it’s easy
  • Upload my photos to random websites just to add a few words
  • Accept text that’s slightly off because “it’s good enough”
  • Make everything bold — sometimes lighter weights look much more elegant
  • Forget to check how it looks on mobile before publishing

The biggest shift was realizing that good text on images isn’t about using fancy effects. It’s about restraint and good placement.

Small Tricks That Make a Big Difference

Here are a few things I do every time now:

I almost always add a subtle shadow to text. It makes an enormous difference in readability without looking like an effect.

I test different positions. Sometimes moving the text from the bottom to the top completely changes how the image feels.

I use different sizes. A big main message and a smaller supporting line almost always looks better than two lines of the same size.

I keep the original photo. Once I add text, I save a separate version so I can reuse the clean image later.

I look at the image from a distance. If the text is still readable from across the room, it will work on a phone screen.

Why This Used to Feel More Complicated Than It Needed To

I think a lot of people still make ugly text overlays because the tools made it feel like a design task that required special skills. You were either supposed to be a graphic designer or accept mediocre results.

Once you have a tool that lets you just drop text where you want it, change the size and color instantly, and see the result in real time, it stops feeling like design work and starts feeling like a normal part of editing a photo.

The Bottom Line

Good text on images isn’t about being fancy. It’s about being clear, readable, and intentional.

Whether you’re posting on social media, making thumbnails, creating product graphics, or designing simple flyers — adding text properly makes your images look finished instead of half-done.

I used to avoid adding text because I knew it would look bad. Now I do it without thinking twice, because the tools finally make it easy to do it well.