Independent text layers
Titles, body text, dates, locations, and custom text can each be selected and styled independently.
016 · IMAGE EDIT
Add Text to Image
Add titles, captions, dates, and locations to photos and freely adjust text styles and positions.
LOCALPROCESS IN YOUR BROWSER
WORKSPACEImage text editing workspace
Drop an image here
Your image and text stay in this browser and are not uploaded to a server.
Supports JPG, PNG, and WebPHOW TO USE
How to use
- 01
Select the image you want to edit.
- 02
Add a title, body, date, location, or general text layer.
- 03
Edit content, font, size, color, and alignment.
- 04
Add an outline, shadow, or text background when needed.
- 05
Drag text into place and download the result.
TEXT LAYOUT GUIDE
How to keep text clear and correctly positioned
Preview and export share the same Canvas text layout and source-image coordinate system.Reliable long-text wrapping
Long text wraps to the selected width while manual line breaks remain intact.
Outline, shadow, background
Use subtle effects to keep text readable on bright or detailed photos.
EXPERT POST
Technical criteria for accurate text placement on photos
Check hierarchy, contrast, wrapping, source coordinates, fonts, and layer order together to reduce differences between preview and final export.Build hierarchy for titles, body text, dates, and locations
Using the same size and weight for every layer makes the reading order unclear. Keep the title most prominent, step the body text down, and treat dates and locations as supporting information. When several layers are present, define their role and priority before adding more text.
Judge contrast against the actual background
White text can disappear over bright skies or walls, while dark text can disappear in shadows. Instead of relying on one text color, evaluate the local image background and combine color, outline, shadow, or a translucent text background to maintain clear separation.
Outline, shadow, and background solve different problems
An outline increases edge contrast directly, a shadow separates the lettering from a detailed image, and a text background creates a larger area of consistent contrast. A background is often useful for small or multi-line body text. Avoid making all three effects heavy at once; use only the minimum strength needed for readability.
Control line length with text width and wrapping
For long copy, reducing the text box width is usually easier to read than shrinking the font until everything fits on one line. Keep titles to a short one- or two-line block and give body text a stable line length. Manual line breaks should remain intentional, while Korean and Japanese also need character-level fallback wrapping when spaces are limited.
Separate preview zoom from source-image coordinates
Fit-to-screen and zoom controls change only the editing view. Export placement should stay tied to source-image coordinates, so a movement that looks small in the preview can represent a larger distance in the original image. Check both the full view and 100% view before export when placement matters.
Evaluate typography at the original resolution
Text that looks balanced in a small preview may feel different on a high-resolution source. The final image is rendered at the source resolution, so review font size, line height, outline width, shadow blur, and text-background padding at that scale before downloading.
Font metrics vary across languages and devices
Korean, Latin text, Japanese, and system fallback fonts do not occupy identical widths or heights at the same nominal size. If a selected font is unavailable, fallback can also move line breaks. For mixed-language text, verify both preview and output on the device where the image will be used.
Check layer order, overlap, and safe margins
Independent layers are easier to edit, but titles, body text, dates, and locations can overlap or sit too close to the image edge. Use forward and backward ordering deliberately and leave practical margin around important text. Before downloading, inspect the result without selection outlines to catch clipping and unintended overlaps.
IMPORTANT NOTES
Important notes
- The original file is not modified. Refreshing the page or resetting all settings clears the current edit state.
- Long text wraps to the selected text width, and very large text can cover most of a small image.
- Excessive outline or shadow values can reduce text clarity.
- Fonts and emoji may look slightly different across operating systems and browsers.
- JPG does not support transparency, so transparent source images may look different depending on the output format.
FAQ
Frequently asked questions
01Can I add multiple text layers?+
Yes. Add and edit titles, body text, dates, locations, and general text independently.
02Can I move text directly?+
Yes. Drag text in the image or use the 3×3 quick-position controls.
03Can I use long text?+
Yes. It wraps to the selected text width and preserves manual line breaks.
04Does it support Korean and Japanese?+
Yes. Safe system font fallback is used for Korean, English, and Japanese.
05Can I add outlines and shadows?+
Yes. You can adjust outline and shadow settings independently.
The original file is unchanged and your image and text are not uploaded to a server.