Add arrows and text to tutorial screenshots
Add an arrow pointing to a specific button in a screenshot, paired with a short line of text explaining the step, making a tutorial or help doc much easier to follow.
Processed locally, never uploaded
Free, no watermark
Text + stickers + arrow/rectangle/circle annotations
Add Text, Stickers & Annotations — Get a Screenshot Explained in One Pass
Click an element on the canvas to edit its style, or add a new element first
Text content
Color
Size
Line thickness
Upload an image, click to add text, an emoji sticker, an arrow, or a rectangle or circle callout, then drag to reposition, resize, and rotate — you can also edit the text content and color. Great for tutorial screenshots, social media graphics, and product callouts, all processed locally in your browser, never uploaded to a server.
5element types (text/sticker/arrow/rectangle/circle)
20MBmax size per image
0software to install
Never uploaded
Editing and compositing all happen locally in your browser — the image never passes through any server
5 annotation element types
Text, emoji stickers, arrows, rectangles and circles cover most explanation and callout needs
Free drag-to-adjust
Drag to move, drag the handle to resize or rotate — make changes anytime without worrying about mistakes
Free, no watermark
No sign-up, no payment, and the exported result has no watermark whatsoever
Common Use Cases
Three common annotation needs, solved by one tool
Whether it's a tutorial explanation, a social graphic, or a product callout, just add the right element and drag it into place.
Add text and stickers to social media graphics
Add a title or emoji sticker to a photo you're posting on social media, giving it more personality and making it more likely to catch someone's attention.
Add callout boxes to product photos/posters
Use a rectangle or circle callout to highlight key selling points or details on a product photo, paired with explanatory text, making a promotional image clearer and more intuitive.
Element Types
Quick reference for all 5 annotation element types
Different element types suit different explanation needs, and once added, all of them can be freely dragged, resized, and rotated.
| Element Type | Adjustable Properties | Best For |
|---|---|---|
| Text | Content, color, bold, size, position, rotation angle | Titles, prompts, brief callout text |
| Emoji sticker | Size, position, rotation angle (color is built into the emoji itself) | Decoration, expressing emotion, highlighting a point |
| Arrow | Color, line thickness, size, position, rotation angle | Pointing to a specific button, area, or detail in a screenshot |
| Rectangle callout box | Color, line thickness, size, position, rotation angle | Circling a rectangular area of the image to highlight it |
| Circle callout box | Color, line thickness, size, position, rotation angle | Circling a point or circular area of the image to highlight it |
All elements share the same interaction model: drag the element itself to move it, drag the bottom-right handle to resize it, drag the top-right handle to rotate it, and click the top-left handle to delete it. Once an element is selected, the panel below shows the specific properties you can edit for that type.
How to Use
4 steps to add text, stickers, or annotations to an image
No software to install — everything happens right in the browser, with a true what-you-see-is-what-you-get view.
-
1
Upload an image
Click to select or drag your image into the page. Supports JPG, PNG, WebP and GIF, up to 20MB, one at a time.
-
2
Add an element
Click to add text, an arrow, a rectangle, or a circle, or click an emoji sticker button — the new element appears in the center of the image, ready to be adjusted.
-
3
Drag to adjust position and style
Drag an element to move it, drag the bottom-right handle to resize it, drag the top-right handle to rotate it, and use the panel below to edit text content and color.
-
4
Download and save
Once you're happy with the result, click download — all elements are composited onto the image at their current style and saved to your device.
Technical Notes
Two things worth knowing about local annotation
01
Editing preview and the final export use the same coordinate data
Every element's position and size are stored as a proportion of the image's width and height, rather than fixed pixel values — so no matter how large or small the image is displayed, what you see while editing matches exactly what gets composited onto the original-resolution image after download. Downloading redraws the final image using the browser's Canvas drawing API, all done locally on your device without touching any server.
02
Why text/stickers/annotations don't support batch processing
The content a piece of text needs to convey, where an arrow needs to point, and the area a callout box needs to circle are all decided by hand based on each image's specific composition and content — different images have completely different compositions and points to emphasize, so there's no way to apply the same coordinates and text content across different images. That's why this tool focuses on careful, single-image annotation — open and work on multiple images one at a time.
FAQ
Common Questions About Adding Text, Stickers & Annotations
Does adding text, stickers, or annotations support batch processing?
No. The placement of text, arrows, and stickers needs to be decided by hand based on each image's specific composition — for example, where an arrow needs to point is completely different from one image to the next, so there's no way to apply the same coordinates across different images. That's why this tool is designed for careful, single-image annotation. If you need to add the same text or logo to a batch of similarly composed images, use the batch mode in the “Add Watermark” tool instead.
Can I adjust the position of text, stickers, and arrows after placing them?
Yes. Before downloading, you can click any added element at any time to reselect it, drag the element itself to reposition it, drag the bottom-right handle to resize it, and drag the top-right handle to rotate it. The panel below also lets you edit text content and color. Elements are only permanently composited onto the image once you click download — any adjustments made before that don't affect the original image.
Stickers use emoji — will they look different across devices?
Stickers use the system's built-in emoji. Different operating systems and browsers render emoji with slightly different visual styles (an Apple device's version of an emoji doesn't look exactly the same as an Android one), but the meaning and general appearance stay consistent. The exported image is generated using the emoji style rendered on the device you used to download it, and once exported, it will display that same fixed appearance regardless of what device opens it afterward.
Can I change the font, or add multiple lines of text?
The current version uses the system's default font for all text, with support for toggling bold and customizing color and size, but it doesn't currently support changing fonts or entering multiple lines (line breaks are ignored) — it's best suited for short titles, prompts, or callout labels. For more complex layouts, add multiple separate text elements and position each one individually.
Is the annotation done on my computer or phone, or does it get uploaded to a server?
It's done entirely in your current device's browser — the live preview during editing is rendered directly by the page, and clicking download uses the browser's Canvas drawing API to redraw and composite every element at its current position, size, and rotation angle onto the image. The original is never uploaded to any server.
Will the downloaded image keep its EXIF capture data and PNG transparency?
Annotation essentially redraws and re-encodes the image: PNG's transparency channel is preserved, but if the original has transparent areas and is detected as needing JPG encoding, those areas will be filled with a white background. The original's EXIF capture parameters, location, and other metadata are not preserved after re-encoding — if you need to view or remove EXIF data specifically, use the “EXIF Viewer/Remover” tool.
Upload now and finish your text and callouts in seconds
No sign-up, no waiting — download as soon as you're done.