Adjustable text outline

Add Outline Text to an Image

Create a movable text overlay with a separate fill color and outline, then tune the border width so words stay distinct from a changing background.

Image size

Images stay in your browser. Translation sends only the active English text.

Three steps

How to add outline text to an image

Step 1

Upload your image

Choose a JPG, PNG or WebP and decide where the message should sit.

Step 2

Set fill and outline

Enter the text, choose contrasting fill and outline colors, then adjust the outline width.

Step 3

Position and download

Drag the layer, inspect the final crop and sign in to export the PNG.

Workflow guide

Choose the right add outline text to an image workflow

Understand what the tool changes before you export the finished composition.

Text with a visible border

This tool renders a new text layer with an adjustable stroke around the letter fill.

For busy image backgrounds

Creators, marketers and educators use outlined headlines or captions where one flat color blends into part of a photo.

Separate fill and border controls

Change text color, outline color and outline width for each selected layer, then combine them with position and size controls.

More focused than a full design suite

The workflow covers quick movable overlays; custom font uploads and curved text are not available.

See all overlay controls

Test contrast at final size

Upload above, begin with a modest outline and inspect small letters before increasing its width.

Practical design checks

Pair light and dark colors

A light fill with a dark outline—or the reverse—usually separates letters across mixed tones.

Avoid swallowing the letterforms

An overly wide stroke can close counters and make small text harder to read.

Check every text layer

Outline settings apply to the active layer, so review each layer before export.

Related text tools

Add a Caption

Place a focused caption at the top, center or bottom.

FAQ

Questions about add outline text to 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