Use the free Outline Text Effect Maker below: your data never leaves your browser — all work happens on your device, and nothing is uploaded to any server.
Hollow Outline Letters, Made in Seconds
Outline text is letters drawn as empty shapes: a visible stroke around each letter and nothing, or a soft colour, inside. Designers use it for posters, YouTube thumbnails, logo lockups and section headings because it is bold from a distance yet light enough to sit over a photo without blocking it. The tool above lets you set the stroke width, stroke colour and fill, preview the result, and download a transparent PNG.
Start with a short word in capital letters. Outline letters need thick strokes to stay readable, and capitals give the stroke room to breathe. Set the stroke to about one tenth of the font size as a starting point, then adjust by eye. Too thin and the letters vanish on a busy background; too thick and the inner counters of letters like O, A and R close up.
When to Use Hollow Text
Use hollow text when the background does the talking. Over a photo, a hollow headline lets the image show through the letters while the stroke keeps the words readable. Use it for big display words: a title, a price, a name. Do not use it for paragraphs. Hollow body text is tiring to read because the eye must trace every outline instead of recognising solid shapes.
The hollow option in the tool removes the fill completely, which is the classic poster look. A white or pale fill works better on dark photos, and a coloured fill with a darker stroke works well on plain backgrounds. Try all three on your own image before you decide. The preview updates as you change settings, so testing costs nothing.
Download a Transparent PNG
Press Download PNG and you get your text with a transparent background, ready to drop into any design tool, video editor or slide deck. Transparent means you can place it over photos, gradients or video without a white box around it. The file is drawn on a canvas at the size you set, so larger font sizes give sharper exports for print and large screens.
If the PNG edges look rough, raise the font size before downloading and scale the image down in your editor. Downscaling smooths edges far better than upscaling a small export. For print work, export at the largest size the tool offers and check the result at full size before you commit.
Pair Outline Text With Solid Text
The strongest poster layouts pair one outline word with solid words around it. For example, an outline word like SALE above a solid price, or an outline name beside a solid tagline. The contrast between empty and filled letters creates a hierarchy the eye follows instantly. Two outline lines stacked together usually fight each other, so keep one outline element per design.
Colour choice matters too. A single stroke colour keeps the design clean. White strokes work on almost any photo; brand colours work on plain backgrounds. If your photo is busy, add a slight shadow behind the stroke in your design tool, or pick the thickest stroke that still keeps the letter counters open.
CSS or PNG: Which Should You Use?
Use the copied CSS when the text lives on a website, because text stays selectable, searchable and sharp at any screen size. Use the PNG when the text goes into an image, a video or a document, where CSS cannot travel. Both come from the same settings in the tool, so your web heading and your thumbnail can match exactly.
One more practical point: outline text rewards testing on the real background. A stroke that looks perfect on a white preview can vanish on a pale sky or a light wall in your photo. Drop the PNG onto the actual image, step back, and check it at the size people will see it. If any letter disappears, thicken the stroke or switch to a darker stroke colour before you publish.