Add Text to Image

This tool places text on top of a picture and saves a new copy with the words drawn into it. Use it to caption a photo, label a product or a diagram, put a title on a screenshot, sign an image, or add a trademark-style watermark. Unlike a meme maker, the text is not fixed to the top and bottom: you can put it at any of nine preset positions or drag it anywhere on the picture.

You control the look with a handful of straightforward settings. The font is one of five stacks of system fonts already on your device — sans-serif, serif, monospace, condensed and cursive — so **the exact letter shapes vary from device to device**: the same setting can look like Arial on a Windows PC and Helvetica on a Mac. Nothing is downloaded, which is why the tool works offline once the page has loaded. Text can be bold or italic, any hex colour, positioned on up to several lines (press Enter for a new line), and made partly or fully transparent with the opacity control.

The outline option draws a border around each letter, which is what keeps a caption readable over a busy or light background. The outline is stroked **before** the letters are filled, so it sits behind the text and does not eat into the letter shapes. You choose its colour and its width as a percentage of the text size, so it scales with the text rather than staying a fixed number of pixels.

The size is set as a percentage of the image height (1–100 %), not in pixels, because that is what looks the same whether the picture is 800 px or 4000 px tall. A 5 % caption on a 900-pixel-tall photo is 45 pixels high; the same setting on a 1800-pixel-tall photo is 90 pixels high. Type a number, or leave it blank and the smallest allowed size (1 %) is used.

How it works: your browser decodes the image (a phone photo is turned upright using its EXIF orientation), draws it onto a canvas at full size, and paints the text with the canvas `fillText` and `strokeText` methods. The canvas is then re-encoded and offered as a download. Because the picture is redrawn on a canvas, EXIF metadata — camera, date and GPS location — is not carried into the result.

How this differs from the Meme Generator: that tool is built around the classic two-line caption (top and bottom, Impact-style, auto-fitted) with extra draggable boxes. This tool is for a single deliberate label: any position, five fonts, bold and italic, an outline, opacity and true multi-line text at a size you set, with no auto-fitting surprises.

Limits: 50 MB per image, and about 100 megapixels (16,384 px per side). iPhones and iPads allow a canvas of only about 16.7 megapixels, so a very large photo is drawn at a smaller size there and the tool says so. The words are baked into the pixels of the saved file: once it is saved, the text can no longer be moved or edited. Your image is never uploaded — the Network tab in your browser's developer tools shows no request carrying it.

1. The file's size is checked (50 MB) before it is read, and its first bytes confirm it is PNG, JPG, WebP, GIF, BMP or AVIF. The browser decodes it upright. 2. The picture is drawn onto a canvas at full size (or smaller only if it exceeds the phone canvas limit). 3. The font size in pixels is the size percentage × image height ÷ 100, rounded, and never below 1 px. It is clamped to 1–100 %. 4. The text is split at each Enter into lines, and the line height is 1.2 × the font size. The text box is as wide as its widest line and as tall as the number of lines × the line height. 5. The box's top-left corner comes from the position you chose: a preset anchor keeps a margin of 3 % of the shorter side (at least 8 px) from the anchored edge, or the free position you dragged to. The box is then kept fully inside the image. 6. For each line, `strokeText` draws the outline where the outline is on, then `fillText` draws the letters on top. `globalAlpha` applies the opacity to both. 7. The canvas is re-encoded as PNG, JPG or WebP (or the input's format), and the file is named like photo-text.jpg.