Upload the picture
Choose JPG, PNG or WebP and create the text that needs a readable panel.
Text background panel
Add a Background Behind Text on an Image
Place new text over a photo and add a colored panel behind the selected layer so the message stays readable across uneven tones.
Images stay in your browser. Translation sends only the active English text.
Three steps
How to add a background behind text on an image
Choose panel color and opacity
Open More text options, select Background and adjust its opacity around the active layer.
Position and export
Drag the label to a useful location, check the crop and download PNG after sign-in.
Workflow guide
Choose the right add a background behind text on an image workflow
Understand what the tool changes before you export the finished composition.
A text layer with a panel
The tool draws a rectangular colored background around each line block you add.
For labels and accessible captions
Creators, teachers and marketers use panels when photography makes plain lettering inconsistent.
Separate text and panel controls
Choose the letter color independently from background color and opacity for the active layer.
Different from outline or shadow
A panel creates one continuous field behind the message; outline and shadow follow the letters.
Compare outline text →Build contrast in the preview
Upload above, set the final text size and then adjust the panel until the words are easy to scan.
Practical design checks
Avoid fully hiding the image
A partially transparent panel can preserve visual context while creating a consistent reading area.
Check multiline blocks
The background surrounds the complete text block, so review its width and spacing after line breaks.
Coordinate colors
Use a letter color that remains distinct from the selected panel, not only from the photograph.
Related text tools
Add Text to Image
Explore all overlay controls.
Outline Text
Add contrast around individual letters.
Shadow Text
Use blur-based separation instead of a panel.
FAQ
Questions about add a background behind text on an image
Start with your image
Upload it, create and position the new text layer, then review the preview before export.
Open the text editor