Add Text to Photo Online: Captions That Sell on Listings, Banners and Stories


Text on a photo only works when it stays readable. We cover contrast, backing plates, font size and placement for listings, banners, sales and stories.

Add Text to Photo Online: Captions That Sell on Listings, Banners and Stories

A caption can lift a click-through rate or quietly kill it. Below is how we add text to product and marketing photos so it reads on a phone, survives compression and never breaks a marketplace rule.

Why you add text to a photo in the first place

Adding text to a photo sounds trivial until you watch a perfectly good shot fail because the caption is invisible at thumbnail size. People search for "add text to photo online" and "caption on image" for very different reasons, and each one has its own rules. A promo banner needs a headline that survives a 60 percent downscale on a phone feed. A marketplace listing image needs callouts that explain a feature without violating platform policy. A price or sale badge has to read in under a second. A meme lives or dies on a single punchy line. An Instagram or TikTok story needs text that sits inside the safe zone so the interface does not cover it. We add text to client photos every day, and in this guide we share the exact contrast, size and placement choices that separate a caption that sells from one that just adds noise. If you want to skip the theory, you can add text to your photo online in a minute and follow along.

Where captions earn their place: banners, listings, sales and stories

Every use case has a different job, and the text has to match it. Treating them the same is the most common reason captions underperform.

  • Marketing banners. A hero banner usually carries one headline of 3 to 6 words plus an optional subline. On a web banner sized 1200x628 (the common social and ad ratio), the headline should occupy roughly the top or left third and never fight the focal point of the image. Keep one idea per banner.
  • Marketplace listing images. Secondary images on Amazon, Etsy, eBay, Shopify and Walmart often carry feature callouts: "Machine washable", "Holds 1.2L", "BPA free". These short labels turn a flat photo into an infographic. The main image is the exception (see the next section) because most platforms forbid text on it.
  • Price and sale badges. "30% OFF", "$19.99", "Today only". These work as a contrasting badge in a corner. Keep the number large and the supporting words small, so the eye lands on the value first.
  • Memes and social posts. The classic top-and-bottom bold caption works because it is high contrast and predictable. The text is the content, so it can be loud.
  • Stories and reels. Vertical 1080x1920 frames have interface elements top and bottom. Keep text inside the central safe zone, roughly 250 px from the top and 350 px from the bottom, or your caption gets covered by the username and the reply bar.

A frequent mistake we fix: clients paste the same long sentence onto a banner, a listing tile and a story. Long text reads on none of them. Decide the job first, then write to length. For listing-grade results we often pair captions with a clean cutout from our background removal tool so the text sits on a calm surface instead of a busy scene.

Readability on photos: contrast, backing plates and fonts

Text fails on photos for one reason above all others: not enough contrast between the letters and the pixels behind them. A photo background is never a flat color, so white text that looks crisp over a dark sky disappears the moment it crosses a cloud. Here is how we keep captions legible every time.

  • Aim for real contrast, not just "light on dark". The accessibility benchmark is a contrast ratio of 4.5:1 for normal text and 3:1 for large text (roughly 24 px and up, or 19 px bold). You do not need a meter for every job, but if you squint and the text blurs into the image, the ratio is too low.
  • Use a backing plate when the background is busy. A semi-transparent rectangle behind the text, black at 40 to 60 percent opacity under white letters, guarantees readability over any photo. Rounded corners and a little padding (at least the height of one letter) keep it looking intentional, not pasted.
  • Add a soft shadow or outline as a lighter touch. A 1 to 3 px drop shadow or a thin stroke lifts text off the image without a full plate. This is the standard for story captions where you want to see the photo.
  • Pick fonts that survive small sizes. Sans-serif faces with open shapes (think Inter, Montserrat, Roboto, Open Sans) stay clean at thumbnail scale. Avoid thin weights, tight script fonts and condensed faces for anything that will be downscaled.
  • Limit yourself to one or two fonts. One bold display font for the headline, one regular weight for the supporting line. More than two and the design looks amateur.

The single biggest readability killer we see is white text on a light or mixed photo with no plate and no shadow. It looks fine on a desktop preview at full size and vanishes in the feed. Always check at the size your audience will actually see, which is usually a phone thumbnail.

Size and placement: get the numbers right

Once contrast is handled, size and position decide whether the caption gets read. These are the working numbers we use, expressed as a share of image height so they scale to any resolution.

  • Headline size. A primary headline should be about 6 to 10 percent of the image height. On a 1080 px tall story that is roughly 65 to 108 px. Smaller than 5 percent and it strains on a phone.
  • Body or caption text. Around 3 to 4 percent of image height. Keep it to one or two lines.
  • Line length. Aim for 20 to 40 characters per line. Long lines on a photo are exhausting to read; break them.
  • Margins. Keep all text at least 5 percent of the image dimension away from every edge. On a 1080 px frame that is a 54 px safety margin so nothing gets cropped by avatars or rounded corners.
  • Placement and the focal point. Put text in the calmest, most uniform area of the photo, usually empty sky, a plain wall or negative space. Never lay text across a face, the product's key detail or a busy pattern.
  • Visual hierarchy. One element dominates. If the price, the headline and the logo are all the same size, the eye has nowhere to land. Make the most important thing clearly the largest.

For platform sizing, save banners at 1200x628 for social, story frames at 1080x1920, square posts at 1080x1080 and marketplace tiles at the platform minimum (Amazon wants at least 1000 px on the longest side to enable zoom; 2000 px is better). When you add text to a photo online with our tool, you can position and resize the caption against the live image and export at the exact dimension you need, so you never guess. If the final file is too heavy after export, run it through our compress photo tool before uploading.

Most caption failures fall into a short list of repeat offenders. Avoid these and you are ahead of the majority of listings and posts.

  • Text on the main product image. This is the big one for e-commerce. Amazon, Walmart and most marketplaces require the main image to show only the product on a pure white background with no text, logos, badges or watermarks. Save your callouts and "sale" stickers for secondary images. We cover this in depth in our guide to the main product photo for Amazon and Etsy.
  • Too much text. A photo is not a paragraph. If the caption needs more than two short lines, it belongs in the listing description, not on the image.
  • Low contrast and no backing. Covered above, and still the number one issue. Always test at thumbnail size.
  • Decorative fonts at small sizes. A script font looks elegant at full screen and turns to mush on a phone.
  • Misleading sale badges. "50% OFF" with no real discount can trigger a platform policy strike. Keep claims accurate.
  • Ignoring the safe zone. Story text under 350 px from the bottom gets hidden by the reply bar.
  • Compression artifacts. Heavy JPEG compression chews up sharp letter edges. Export captions at high quality, or use PNG for graphics-heavy overlays.
  • Wrong file format. If your source is a phone HEIC file, convert it first with our HEIC to JPG tool so editors and marketplaces accept it.

A practical workflow for listings: shoot or clean the product, remove the background, add only the secondary-image callouts you need, keep the main image text-free, then compress. For brand work where the logo also needs protecting, our watermark tool handles that separately from the readable callouts.

The online tool covers the vast majority of caption jobs in a minute. There are cases, though, where a human retoucher pays for itself. When you are building a full set of secondary listing images with consistent callout styling across dozens of SKUs, hand-tuned typography and alignment keep the brand looking professional rather than templated. When text has to wrap around a complex product, sit inside reflective glass or jewelry, or match a precise brand kit with custom kerning and effects, that is studio work. We also step in when a banner needs the text integrated into the scene with realistic shadows and perspective, not just laid flat on top. If you are preparing a catalog, see how we handle product card creation and jewelry retouching, where caption placement is part of a larger composition. Our rule of thumb: use the tool for fast, single captions and badges; bring us in for volume, brand consistency and anything where the text must look painted into the photo rather than stuck onto it.

gdefoto

Good text on a photo is simple to get right once you know the rules: decide the job first, keep contrast high with a plate or shadow, size the headline to 6 to 10 percent of image height, respect platform safe zones and never put text on a marketplace main image. Write short, pick one or two clean fonts, place the caption in calm space and test at thumbnail size before you publish. That is the whole game, and it takes a minute when the tool does the measuring for you. Ready to try it? Add text to your photo online here, or browse the full set of editors on our tools hub to prep the image end to end. When the project grows into a full listing set or a brand campaign, our studio is ready to take it the rest of the way.

Adding text to a photo online, step by step

Adding text online means you skip installing software and work straight from your browser, which is ideal when you need a quick caption or a listing banner. The process is nearly identical across the popular web editors, so once you learn the flow it transfers anywhere. Upload your image, add a text layer, type, then style and position it, and export.

  1. Open the online editor and upload your photo, or drag it into the workspace.
  2. Click the text or "Add text" button to place an editable text box on the image.
  3. Type your caption, then select the text to change font, size, weight, and color.
  4. Drag the box to position it, using any alignment guides that appear to keep it centered or margin-aligned.
  5. Add a subtle backing plate, shadow, or outline if the text sits over a busy area so it stays readable.
  6. Export as JPEG or PNG at the size your platform needs, keeping the resolution high enough to stay sharp.

Work non-destructively where you can: most editors keep text as an editable layer until you export, so you can retype or restyle without starting over. Save or duplicate the project if the tool allows it, so a second version with different wording takes seconds rather than a full rebuild.

Adding text on your phone (iOS and Android)

Your phone is often the fastest place to add text, especially for social posts you are about to publish. Both iOS and Android have built-in options plus countless free apps, and the workflow is quick once you know where the tools live.

  • iPhone (built in): open the photo, tap Edit, then the Markup pen icon, then the plus button and Text. Type, then pinch to resize and tap the font button to change style and color. Good for fast, simple captions.
  • Android (built in): open the photo in Google Photos, tap Edit, then Markup or the Text tool where available, add your text, and pick a color. Availability varies by phone, so a dedicated app is often more capable.
  • Free apps (both): tools like Canva, Phonto, and similar give you real font choice, spacing control, shadows, and outlines, which the built-in editors lack.

For anything you want to look branded rather than casual, use an app with proper typography controls. The phone's built-in Markup is perfect for a quick note or arrow, but for a listing image or a polished story you want control over font pairing, letter spacing, and a readable backing plate, which the dedicated apps provide.

Text on listing infographics and what platforms allow on the main image

Text on secondary listing images is one of the most effective conversion tools you have, but the rules differ sharply between the main image and the rest of the gallery. The main image is tightly regulated on most marketplaces, while secondary images give you freedom to sell with words.

  • Amazon main image: no text, logos, watermarks, badges, or graphics. Just the product on pure white. Adding text here risks suppression of the listing.
  • Amazon secondary images: text, callouts, and infographics are allowed and encouraged. This is where feature labels, dimensions, and benefits belong.
  • Etsy: more relaxed, but keep the first image clean and product-focused since it becomes the thumbnail; use later slots for text-heavy graphics.
  • eBay: the main image should be clean product on white with no added text or borders; secondary images are flexible.
  • Shopify: your store, your rules, but a clean lead image still converts best.

The safe pattern everywhere is a clean main image and text-rich secondary images. Put your strongest selling point on the second image, because that is the first place a scanning buyer expects to learn why your product is worth choosing.

Text for social posts and stories with safe zones

Social platforms crop, overlay, and frame your images with their own interface, so text placed near an edge often gets hidden behind a profile icon, a caption, or a swipe-up bar. Designing to safe zones keeps your message visible no matter how the platform wraps its controls around your image. The principle is simple: keep all critical text and product detail inside the central area and treat the outer margins as disposable.

For vertical stories and reels at 1080 by 1920 pixels, keep important text within the central portion and leave roughly the top 250 pixels and bottom 300 pixels clear, since that is where usernames, captions, and action buttons appear. For square feed posts, a margin of about 10 percent on every side keeps text clear of thumbnail cropping. Left-align or center your text consistently, size it large enough to read on a small screen at arm's length, and never let a key word run to the very edge. Test by viewing the post on your own phone before publishing, because what looks balanced on a desktop preview can collide with the interface on an actual device.

Choosing and pairing fonts

Font choice sets the tone of your image before anyone reads a word, and mismatched fonts make even good products look amateur. The reliable approach is restraint: use at most two fonts per image, one for the headline and one for supporting text, and make them clearly different so the pairing looks intentional rather than accidental. A common, safe combination is a bold sans-serif headline with a lighter sans-serif or a clean serif for the details.

  • Headlines: pick a bold, high-contrast font that reads instantly at a glance. This carries your main selling point.
  • Body and callouts: choose a clean, highly legible font with good spacing so small text stays readable after compression.
  • Avoid decorative script fonts for anything the buyer must read quickly, and never use more than two typefaces in one image.
  • Stay consistent across your whole catalog by fixing your two fonts as a brand rule.

Legibility beats personality every time in ecommerce. A buyer skimming a gallery on a phone will not fight to decode a stylish but hard-to-read font. Pick fonts that disappear into the message, then use size and weight, not exotic typefaces, to create hierarchy and emphasis.

Color and effects without overdoing it

Effects exist to make text readable and on-brand, not to decorate it. The most common beginner mistake is stacking a drop shadow, an outline, a glow, and a gradient on the same word until it looks like a cheap sticker. Restraint reads as premium. Start with plain, well-chosen color and add exactly one supporting effect only if the text needs help standing out from the background.

For color, pull from your brand palette and ensure strong contrast with whatever sits behind the text: dark text on light areas, light text on dark. When the background is busy or varied, the cleanest fix is a subtle backing plate, a semi-transparent rectangle behind the text, rather than piling on outlines. If you prefer no plate, a soft drop shadow or a thin outline can separate text from the image, but choose one, not both. Keep effects consistent across every image so your catalog looks like one brand. The test is simple: if the effect draws attention to itself instead of to the words, it is too much. Text should be effortless to read and quietly styled, letting the product and the message do the selling.

Keeping a consistent brand style across many images

When every image in your catalog uses the same fonts, colors, and text placement, buyers perceive a real brand rather than a scattering of unrelated listings, and that perception supports higher prices and repeat purchases. Consistency is not an accident, it comes from writing down a small set of rules and following them on every image. The fewer decisions you make fresh each time, the more uniform and faster your output becomes.

  • Fix two fonts and use them everywhere: one headline, one body.
  • Lock a color palette of two or three colors pulled from your logo or product.
  • Standardize placement: decide where headlines and callouts sit and keep it identical across images.
  • Save a template with your fonts, colors, and layout so each new image starts from the same base.

A template is the single biggest time-saver here. Build one master layout with editable text, then duplicate it for each product and swap only the words and the product image. This guarantees consistency automatically and turns a design task into a data-entry task. When your whole gallery shares one visual language, buyers move through it with less friction and trust the brand more, which is exactly what drives conversion.

Common text mistakes to avoid

Most text problems on product images come down to a handful of repeat offenders, and avoiding them puts you ahead of the majority of sellers. The errors are easy to fix once you know to look for them, and they almost always trace back to prioritizing style over readability or forgetting how the image will actually be viewed.

  • Text too small to read on a phone, which is where most buyers shop. Size for the smallest screen, not your desktop preview.
  • Poor contrast: light text on a light area or dark on dark. Always ensure the text clearly separates from its background.
  • Too many fonts and effects, which look cluttered and cheap. Two fonts, one effect, maximum.
  • Text on the main marketplace image, which violates the rules on Amazon and eBay and can suppress your listing.
  • Text running to the edge, where cropping or the platform interface cuts it off.
  • Typos and inconsistent capitalization, which instantly undermine trust in the product.

Run a quick check before you publish every image: is it readable on a phone, does it respect the platform's rules, is it consistent with your other images, and is it free of typos. Those four questions catch nearly every text mistake before a buyer sees it.

Batch adding the same caption style

When you need the same watermark, price tag, or feature label styled identically across dozens of images, adding it by hand each time is slow and inconsistent. The solution is to standardize the style once and replicate it, either through a template or through a batch tool. The exact method depends on your editor, but the principle is the same everywhere: define the text style a single time and apply it repeatedly rather than restyling for each image.

In a template-based online editor, build one image with the text positioned and styled exactly as you want, then duplicate the design and swap only the underlying photo, leaving the text layer in place. For a fixed caption like a logo or a promotional tag, this keeps position, font, size, and color perfectly uniform across the whole set. In desktop editors, a recorded Action can stamp the same text layer onto a folder of images automatically. For simple repeated watermarks, some online tools offer a dedicated batch watermark feature that applies your chosen text to many uploads at once. Whichever route you take, the goal is one style decision applied many times, which guarantees consistency and saves the hours you would otherwise spend recreating the same caption over and over.

Frequently asked questions

Can I add text to my main marketplace product image?

On Amazon and eBay, no. The main image must be the product alone on pure white with no text, logos, watermarks, or graphics, and breaking this rule can get your listing suppressed. Add text to the secondary images instead, where callouts and infographics are allowed and actively help conversion. Etsy and your own Shopify store are more flexible, but a clean lead image still performs best.

What size should my text be so it stays readable?

Size for a phone screen, since that is where most buyers shop. As a rule of thumb, headline text should occupy a clearly readable portion of the frame and remain legible when the whole image is shrunk to a thumbnail. Preview the image at thumbnail size before publishing: if you cannot read the key words easily, make the text larger or shorten the message.

Which free tools let me add text to photos online?

Browser editors like Canva and Photopea let you add and style text without installing anything, and both offer font choice, color, and effects. On a phone, apps such as Canva and Phonto give you proper typography control beyond the basic built-in Markup tools. For a clean product cutout to place text around, a dedicated online background remover pairs well with any of these editors.

How do I keep text consistent across all my listings?

Write down a small brand rulebook: two fonts (one headline, one body), a two or three color palette, and fixed placement for headlines and callouts. Then build a reusable template with those settings and duplicate it for each product, changing only the words and the photo. This makes consistency automatic and turns each new image into a quick edit rather than a fresh design job.

1 / 5

Free online photo tools

Edit your photo right in the browser — no install, no signup: