# Add Text to Image Online Free - Captions & Memes Upload a photo, add top or bottom text (or custom placement), pick font size and color, and download JPG or PNG - simple text overlay in your browser, no upload. ### Text settings Choose or drop an image PNG, JPG, WebP, GIF · Browser-only overlay _Your text here_ Placement Font size: 48px Text color _#ffffff_ Download format Apply text ### Preview Upload an image ## What Is a Text on Image Tool? Add text to a photo to make a caption, quote card, simple meme or explanatory label. Choose an image, type one or more lines and place them at the top, bottom or a custom position. The text has a dark outline; choose a color and size that remain readable against the particular image. The image is processed in your browser and is not uploaded for this edit. The downloaded JPG or PNG is a new file; retain the original if you may need to change the wording or prepare another layout later. This page is classic overlay text - letters sit on top of the photo. For POV thumbnails where typography hides behind a portrait subject, use [text behind image](https://www.toolcomb.com/text-behind-image) instead. For animated sequences, use [GIF maker](https://www.toolcomb.com/gif-maker). For a single-image logo or text watermark, see [watermark image](https://www.toolcomb.com/watermark-image). Multiline captions are supported via Enter in the text field; each line is centered at the chosen placement. The text uses a bold system font, and there is no separate font selector. Stroke outline around fill text is a deliberate accessibility shortcut for meme culture and rapid social graphics: white fill with dark stroke stays readable on both snow scenes and dark UI captures without picking separate shadow colors. Custom X/Y placement uses percentages so the same settings roughly scale when you export a 1080×1080 Instagram square versus a 1920×1080 screenshot - not pixel-perfect design-tool alignment, but sufficient for bug labels and internal comms. The preview updates as you edit; select Apply text again after changes before downloading. Color picker values map directly to canvas fill styles; extremely light yellow text may still wash out on pale backgrounds even with stroke - increase size or switch to dark fill on light photos. For brand compliance, compare downloaded PNG against your style guide manually; this tool does not enforce Pantone or corporate hex libraries. ## How to Add Text to an Image - Step by Step 1. **Choose an image** Select or drop an image that your browser can open, up to 50 MiB. 2. **Write your text** Enter a caption or several lines in the text field. 3. **Adjust the overlay** Choose top, bottom or custom placement, then set the font size and text color. Review the live preview. 4. **Apply and download** Choose JPG or PNG, select Apply text, then select Download. Apply again after changing any settings. The live preview helps you check the text against the image. For a diagram or screenshot, custom positioning lets you place a short label close to the relevant detail. Leave enough space around the edges, since a line that extends outside the image will be clipped. After any change, select Apply text again to create a fresh download. Keep the original photo so that you can change the caption later without adding new text over the old export. If the image needs a different shape, first use [Crop Image](https://www.toolcomb.com/crop-image); use [Watermark Image](https://www.toolcomb.com/watermark-image) when you need a logo or repeated attribution instead. ## Text on Image Worked Example - Before and After A customer success manager needs a LinkedIn quote card: headshot background, client quote on top, attribution on bottom - due in ten minutes before a webinar. ### Before Raw headshot JPG with no typography. Opening a full design file would miss the deadline; pasting text in PowerPoint exports soft edges and wrong font weights. ### After Upload headshot, paste quote with top placement at large size, add attribution on bottom in smaller size, white text with dark stroke, Apply, download PNG. Readable on mobile feed; image never uploaded to a third-party meme generator. For Instagram-safe contrast, preview before download and bump font size if the stroke still feels thin on compressed re-uploads by the social platform. ## When You Need Text on Image - 10 Use Cases ### 1. Memes and reaction images Top/bottom meme layout in minutes. Multiline support handles classic setup/punchline structure without installing desktop meme apps that phone home with uploads. ### 2. Social quote and testimonial cards Marketing drops customer quotes on branded photography for LinkedIn and X. Local export keeps embargoed testimonials off public meme indexes until launch day. ### 3. Bug report and QA screenshots Engineers label steps ("Step 2: click Save") on UI captures before Jira attachment. Custom placement pins callouts on crowded admin panels. ### 4. Classroom and training slides Teachers caption diagrams exported from PDFs for slide decks. FERPA-sensitive classroom photos stay on-device during captioning. ### 5. Event and webinar title cards Quick title overlay on venue photos for email headers. PNG export when the source graphic needs transparency around logos. ### 6. Real-estate listing callouts Agents add "Just listed" or price bands on exterior shots for MLS-adjacent social posts when the MLS itself forbids heavy branding on syndicated photos - check local rules before publishing. ### 7. Internal Slack announcements Bold one-liners on team photos for channel headers. No watermark means the image looks native in chat. ### 8. Nonprofit and campaign graphics Volunteers without Adobe licenses caption fundraiser photos. Browser-only processing suits shared library computers. ### 9. Sports and club recap images Final score overlays on field photos for club social accounts. High font size keeps text readable in compressed Instagram re-encodes. ### 10. Accessibility preview labels Designers mock alt-text visuals by showing the intended spoken label on the image for stakeholder review before CMS entry - not a replacement for real alt attributes in HTML. Stakeholders who do not read source markup still see the intended spoken phrase burned into the mock, which reduces back-and-forth before developers wire proper aria labels in production templates. ## Quality Checklist Before Publishing Read every line at phone arm's length after Apply - typos become permanent in the raster. Check safe margins: top and bottom presets avoid notches on some story formats but ultra-wide memes may still clip in circular crops on certain apps. If text overlaps faces, switch to custom placement or crop the photo first. Compare JPG vs PNG file size when email attachment limits apply; PNG wins when transparency matters, JPG when the photo fills the frame. For brand-sensitive work, run the export past legal if captions include trademarks, regulated claims, or identifiable minors - the tool does not blur faces or add disclaimers automatically. Keep the un-captioned master file alongside the exported caption version so corrections do not require reconstructing text from pixels. Teams publishing in multiple languages should store caption strings in a spreadsheet and paste per locale rather than retyping from scratch - the tool does not translate or spell-check. For regulated industries, maintain an approval log linking caption text to exported filename so audits can trace who burned which wording into customer-facing assets. Spell-check captions in the textarea before Apply - the canvas does not underline typos. ## Text on Image vs Text Behind Image vs Canva | Need | Text on image (this page) | Text behind image | Full design suite | | --- | --- | --- | --- | | Meme-style top/bottom overlay | ✓ | No | ✓ slower | | Letters behind portrait subject | No | ✓ AI cutout | Manual masking | | Browser-only, no upload | ✓ | Varies | Cloud account | | Custom brand font library | System bold stack | Varies | ✓ | | JPG/PNG export, no watermark | ✓ | ToolComb tool dependent | Plan dependent | Use this page for fast overlays. Use text behind image for creative depth effects. Use Figma or Canva when you need full brand templates and font libraries. ## Typography Tips for Readable Overlays Top and bottom presets mirror classic meme safe zones - roughly the upper and lower thirds - so faces in the center stay unobstructed. When captions must sit on busy textures (grass, crowds), increase font size before changing color; stroke width scales with size so larger text buys more outline area. Multiline quotes work best with short lines; long paragraphs wrap visually but may extend beyond intended margins on very wide panoramas - crop first or split into two images for carousel posts. Export PNG when the base image uses transparency (logos, stickers); JPG when the photo is opaque and file size matters for email attachments. Social networks re-encode uploads - leave margin between text and edges so compression blocks do not clip strokes. For accessibility, remember burned-in text is not a substitute for alt text in HTML; screen readers still need descriptions in the surrounding markup even when the meme text is visible to sighted users. ## Common Errors and Honest Limits - **50 MiB input limit.** Browser support varies by image format, and large images can still exceed device memory. - **No rich text.** Bold/italic per character and curved text are out of scope - single style per export. - **System font only.** Corporate typefaces must be applied in your design system, not here. - **JPG flattens transparency.** Choose PNG when alpha matters. - **Very long captions** may clip at extreme font sizes - reduce size or split into two exports. - **Not batch processing.** Both this tool and Watermark Image process one image at a time. - **RTL scripts.** Canvas centering assumes LTR line order; complex bidi may need desktop layout tools. - **No undo stack beyond re-Apply.** Keep original file and re-upload if you overwrite settings badly. ## Privacy & Security - Captions Stay Local Image load, text draw, and export run entirely in your browser. ToolComb does not receive photo bytes, does not watermark exports, and does not require an account. Clear downloads on shared kiosks after sensitive captions. Closing the tab discards in-memory canvas state. Your typed caption never syncs to the cloud - it exists only in the textarea until baked into pixels you download. Captions become part of the downloaded image and can be read by anyone who receives it. Treat the output like any other shared photo, and consider the privacy of the people, information and text it contains. Exported JPG and PNG files are indistinguishable from any other canvas export - no hidden metadata advertising ToolComb - so they flow through the same DLP and email policies as files your team already shares. ## Export Formats and Platform Upload Notes Instagram and Facebook prefer JPG for photo posts; PNG when transparency matters for stories overlays imported from camera roll. Twitter/X compresses aggressively - high font size preserves legibility after their pipeline. LinkedIn document and image posts accept PNG; quote cards with small text benefit from extra stroke contrast before upload. Discord and Slack embed PNG and JPG without difference for static images - choose JPG for photographic backgrounds to keep attachment size low when captions are short. Email clients inline images as MIME parts; PNG text overlays stay sharp on retina displays at cost of larger MIME size than JPG. For newsletters, JPG is often sufficient when photos are opaque. PDF reports that embed screenshots with captions created here work best when the original has enough pixels for its intended display or print size. Enlarging a small image does not recover missing detail. When combining with animated GIF workflows, caption still frames first on this page, then upload sequenced PNG/JPG outputs to GIF maker - text becomes part of each frame raster, not live HTML overlay in the GIF container format. Localization teams sometimes need the same photo with multiple language captions - re-upload the untouched base photo for each language rather than captioning an already-captioned PNG, which would stack strokes unreadably. Keep masters in a shared drive and treat this tool as the last mile before channel-specific export. ## Frequently Asked Questions ### How do I add text to a photo online? Choose an image, type your caption, select placement, size and color, then apply the text and download the result as JPG or PNG. ### Can I add multiple lines of text? Yes. Press Enter to add lines. They share the same size, color and placement, and each line is centered. ### Can I move the caption? Choose Top or Bottom, or use Custom to set the horizontal and vertical position as percentages of the image dimensions. ### Can I choose a font? You can adjust the text size and color, but this tool does not offer a font selector. The displayed font depends on the available system fonts. ### Why is part of my caption cut off? Long lines or text placed near an edge can extend beyond the image. Reduce the size, add a line break, or change the custom position. ### What happens if I change settings after applying text? The previous output is cleared. Select Apply text again before downloading so the saved image uses the current settings. ### Can I keep a transparent background? PNG supports transparency from a compatible source. JPG does not support transparent pixels; check the downloaded result in its intended destination. ### Does this tool preserve animated GIFs? No. The download is a still JPG or PNG; animation is not retained. ### Are my photos uploaded for text editing? The overlay is processed in your browser. The original file is not overwritten, and downloaded copies remain on your device. ### Can I edit the text after downloading? The text is part of the exported image rather than a separate editable layer. Keep your original and return to the tool if you need a revised caption. ## Practical Tips - ToolComb Use this text on image flow when you need a correct file for a portal, CMS, or social upload without installing desktop software. Keep the camera or design master separate from exports so you can retry with different settings. If a destination rejects the download, verify width, height, and kilobytes as separate rules - many forms enforce both. Prefer HTTPS, modern Chrome or Firefox, and a stable tab while large canvases encode. All processing for this tool stays in your browser session on ToolComb. Downloads use a clear`_toolcomb` filename suffix so exports are easy to find beside originals. Closing the tab clears in-memory previews; nothing is retained on ToolComb servers because bytes never upload. On shared computers, clear the Downloads folder when you finish sensitive ID photos, signatures, or geotagged captures. Chain sibling image tools on the same origin when you need crop then resize, resize then exact-KB compress, or EXIF inspect then metadata remove. Browser limits still apply: very large panoramas may hit canvas maximums, animated GIFs flatten to a single frame in still-image encoders, and AVIF support depends on the engine. When in doubt, export a JPEG or PNG intermediate and continue. Document the final pixel size and file weight in your ticket or PR so reviewers can match what the portal or design system expects without opening proprietary suites. ## Related Image Tools - [Text behind image](https://www.toolcomb.com/text-behind-image) - creative depth with subject in front of letters. - [Watermark image](https://www.toolcomb.com/watermark-image) - semi-transparent branding across photos. - [GIF maker](https://www.toolcomb.com/gif-maker) - animate multiple captioned stills into one loop. - [Crop image](https://www.toolcomb.com/crop-image) - reframe before adding text. - [Resize image](https://www.toolcomb.com/resize-image) - match social platform dimensions. - [Convert to JPG](https://www.toolcomb.com/image-to-jpg) - normalize format before captioning. ## Related Tools Discover more free tools that might help with your next task. [Geo Tag Image GPS camera with location stamp, EXIF geotag, and NoteCam-style notes Use Tool](https://www.toolcomb.com/geo-tag-image) [Resize Image Resize by pixels or percent with optional aspect lock Use Tool](https://www.toolcomb.com/resize-image) [Crop Image Crop by coordinates or aspect presets Use Tool](https://www.toolcomb.com/crop-image) [Circle Crop Cut a round profile picture with transparent PNG Use Tool](https://www.toolcomb.com/circle-crop) [Rotate & Flip Image Rotate 90° steps or mirror images horizontally/vertically Use Tool](https://www.toolcomb.com/rotate-flip-image) [Watermark Image Stamp text or a logo with opacity and position control Use Tool](https://www.toolcomb.com/watermark-image) [View All Tools](https://www.toolcomb.com/tools)