Home › Image Tools › Add Outline to PNG

Add Outline to PNG

Wrap a smooth stroke around the shape of any transparent PNG, not just its rectangle. Make a white sticker border, a bold comic outline or a soft glow, choose the width and color, add a second outer border, and download a transparent PNG.

Last updated:

Sample cutout

Position

Pixels more opaque than this count as the object. Raise it to ignore faint halos or shadows.

Advertisement
Advertisement

How to use the Add Outline to PNG

  1. Add a transparent PNG by dropping it, pasting it or pressing Choose PNG. A sample cutout is loaded so you can try the settings first.
  2. Pick a preset such as Sticker, White border or Neon glow, or set the position, width and color yourself.
  3. Adjust softness and corners, and turn the second outline on or off.
  4. Check the preview on the checkerboard, white, dark or blue background.
  5. Download PNG, copy it to the clipboard, or download all images as a ZIP.

How the outline is calculated

The tool first decides which pixels belong to the object: every pixel whose opacity is above the edge threshold (50% by default). It then runs an exact Euclidean distance transform, which gives every pixel its straight-line distance to the nearest object pixel. All pixels within the chosen width become part of the outline, so the stroke has the same thickness everywhere and its outer corners are perfectly round, exactly like expanding a selection in a photo editor. With Sharp corners the chessboard distance is used instead, which keeps square corners square.

The edge of the outline is anti-aliased over one pixel, and the softness setting widens that ramp. Layers are then stacked from back to front: the second outline, the main outline, and finally your original image on top, so semi-transparent edges of the object blend into the outline instead of showing a gap.

Outline width guide

Image size (longest side)Subtle outlineSticker borderBold comic outline
256 px (emoji, chat sticker)2 px6 px8 px
512 px3 px10–12 px14 px
1000 px5 px18–24 px28 px
2000 px (print)8 px36–48 px55 px

A good rule of thumb: a sticker border is roughly 2–2.5% of the image's longest side.

Tips

  • For printed die-cut stickers, keep the white border at least 1.5 mm wide at the printed size so the cutting blade has room.
  • Thin, wispy parts such as hair or grass create a bumpy line. Raise the edge threshold or add 2–4 px of softness.
  • A dark thin second outline around a white border makes the sticker stand out on white backgrounds.
  • Use an inside stroke when the image must keep its exact size, for example a game sprite.

Frequently asked questions

How do I add an outline to a PNG image?

Open the PNG in the tool above. It finds the edge of the visible object using the transparency of each pixel and draws a stroke of the chosen width and color around that shape. Pick a preset or set the width, color and softness, then download the outlined PNG.

Why does the outline only go around the rectangle of my image?

The image has no transparent background, so the whole rectangle counts as the object. Remove the background first, for example with the Background Remover, and then add the outline here.

What is the difference between outside, center and inside strokes?

An outside stroke is drawn around the object and makes it look bigger, which is what stickers use. A center stroke straddles the edge, half outside and half inside. An inside stroke stays within the object, so the image size and silhouette do not change.

How do I make a sticker-style white border?

Choose the Sticker preset: a white outline of about 12 px with a thin dark outer border. Use round corners so the border follows curves smoothly, and keep the canvas expanding so nothing is cut off.

What does the softness slider do?

Softness feathers the outer edge of the outline over the given number of pixels. Small values smooth jagged edges, larger values with a bright color create a glow effect.

Why is the outline bumpy around hair or fur?

Fine, semi-transparent details create many small edges. Raise the edge threshold so only the solid parts count as the object, or add a little softness for a smoother line.

Is my image uploaded?

No. The outline is calculated with JavaScript in your browser, so your images never leave your device.

Are all the tools on FreeToolCabin tested for quality and accuracy?

Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.

Related tools

Sticker MakerTurn a photo into a die-cut sticker: remove the background, add a white outline and shadow.Background RemoverRemove image backgrounds automatically with AI.Add Drop Shadow to ImageAdd a drop, long or reflection shadow to PNGs and photos and save a transparent PNG.Make Image TransparentRemove a white or solid-color background and save a transparent PNG, right in your browser.Photo EnhancerOne-click auto enhance: fix exposure, contrast, color cast and sharpness, one photo or a batch.Remove Object from PhotoBrush over unwanted objects, people or text and fill the area with matching background.Photo to CartoonTurn photos into cartoons with smooth colors and bold outlines. Free, private, no upload.Add Watermark to PhotoAdd a text or logo watermark to one or many photos at once.Blur Image & Face Pixelate ToolBlur or pixelate faces, plates and backgrounds in a photo.Pixelate Image & Pixel Art ConverterTurn any picture into pixel art with retro palettes and dithering.Add Text to ImageAdd styled text layers with outline and shadow to any photo, then downloadRound Corners ImageGive any picture rounded, circle or squircle corners and save a transparent PNG.Grayscale Image ConverterTurn color photos into black and white with luma, luminance or average methods and sepia.Photo FiltersApply 27 one-click photo filters like Vintage, Noir and Teal & Orange with an intensity slider.Photo EditorEdit photos online: brightness, contrast, saturation, crop, rotate, flip and filters with undo.Image SharpenerSharpen soft or slightly blurry photos with a real unsharp mask and before/after view.Invert Image ColorsTurn any picture into a color negative, with R/G/B channel toggles and an intensity slider.Screenshot BeautifierPut screenshots on gradient backgrounds with padding, rounded corners, shadow and a browser frame.Image Metadata ViewerSee a photo's EXIF data: camera, lens, exposure, date and GPS location, then strip it in one click.EXIF RemoverRemove EXIF, GPS location and other metadata from JPG, PNG and WEBP photos.Online PaintDraw and paint in your browser: brushes, shapes, fill bucket, text, undo and PNG export.Photo to SketchTurn any photo into a pencil, charcoal or color sketch in your browser and download it.GIF Frame ExtractorSplit an animated GIF into PNG frames with delays, a sprite sheet and ZIP download.Photo Frame MakerPut photos in polaroid, film strip, gallery, rounded or shadow frames with a caption.Duotone GeneratorTurn any photo into a bold two-color duotone image with presets, custom colors and intensity.Glitch Image EffectAdd RGB split, scanlines, slice shifts and noise to a photo for a digital glitch look.Add Date Stamp to PhotoStamp the EXIF or a custom date on photos in a retro orange camera font. Batch and ZIP download.Add Text to GIFPut captions on animated GIFs with outline, position and frame range, then download.Blend Two ImagesOverlay two photos with opacity, 16 blend modes, fades and free positioning, then download.Blur Photo BackgroundBlur the background of any photo for a portrait-mode look. AI subject detection, no upload.Brick Mosaic GeneratorTurn a photo into a toy-brick stud mosaic with a parts list and printable build guide PDF.Online Document ScannerTurn photos of paper into clean scans: auto edge detection, perspective fix, multi-page PDF.Add Film Grain to PhotoAdd realistic analog film grain, light leaks, fade and vignette to any photo, then download.GIF Speed ChangerSpeed up or slow down an animated GIF, or set each frame's delay, without losing quality.Halftone GeneratorTurn images into mono or CMYK halftone dots and lines; export PNG or SVG.Image Noise RemoverRemove grain and color noise from photos with median, bilateral or non-local means filters.Image Dithering ToolDither photos with Floyd-Steinberg, Atkinson or Bayer in 1-bit, Game Boy, CGA and retro palettes.Perspective CorrectionDrag 4 corners to straighten skewed photos of signs, screens and whiteboards, then download.Symmetry Drawing ToolDraw mandalas and kaleidoscope art with radial and mirror symmetry, glow brushes and PNG export.Virtual Background MakerDesign 1920×1080 video call backgrounds with your name, title, logo, blur and branded templates.EXIF EditorEdit photo EXIF and IPTC: date taken, camera, GPS location, copyright and caption, in batch.Face Symmetry TestUpload a face photo to see left-left and right-right mirror composites and a symmetry score.Sports Tactics BoardDraw plays on basketball, soccer, football and hockey diagrams with players, arrows and animated frames.Dehaze ImageRemove haze, fog and smog from photos with the dark channel prior. Free, private, in your browser.HDR Photo EffectGive any single photo an HDR look with local tone mapping, detail boost and a strength slider.Low Light Photo EnhancerBrighten dark and night photos with an adaptive tone curve plus noise reduction.Photo StackingStack photos online: star trails (lighten), noise reduction (mean) and remove passers-by (median).Photo Mosaic MakerBuild a big picture out of many small photos by color matching, then export a high-res PNG.Photo to Oil PaintingTurn a photo into an oil painting with brush size, detail, impasto and canvas texture.Red Eye RemoverClick on red eyes to fix them automatically: adjustable threshold, undo, download the photo.Tilt Shift EffectMake photos look like miniature models with an adjustable tilt-shift focus band and blur.Colorize Black and White PhotoAdd natural color to old black and white photos with AI that runs in your browser. No upload.Draw on ImageAnnotate photos and screenshots with arrows, boxes, text, highlighter and numbered steps.Photo to AnimeTurn selfies and landscapes into anime-style art with AI in your browser. Free, no upload.Face Shape DetectorUpload a selfie to find your face shape on-device, with hairstyle and glasses tips.Add Background to Transparent PNGFill the transparent areas of a PNG with a color, gradient or photo, plus padding and shadow.Add Stickers to PhotoPut emoji and cute stickers on your photos; scale, rotate, flip and layer them, then save PNG.Color Splash EffectKeep one color, or a brushed area, in color and turn the rest of the photo black and white.Old Photo Face RestorerRestore blurry and damaged faces in old photos with AI (GFPGAN) in your browser. Free, no upload.Image Opacity ChangerMake an image semi-transparent with an opacity slider or fade, and save a transparent PNG.Photo to WatercolorTurn a photo into a watercolor painting with soft washes, color bleed, wet edges and paper texture.Product Photo White BackgroundRemove the background and center products on pure white at 2000 x 2000 for marketplaces. Batch.Redact ImageBlack out or pixelate private info in screenshots; burned in, metadata stripped, PNG download.Rubber Stamp MakerDesign round or rectangular stamps with curved text, borders, stars and grunge ink; PNG or SVG.Signature Background RemoverTurn a signature photo or scan into a clean transparent PNG: threshold, ink color, auto-crop.Skin SmoothingSmooth skin in portraits with face-aware retouching that keeps eyes, lips and skin texture sharp.Straighten ImageFix a tilted photo: rotate by any angle with a grid, auto-crop the corners or level the horizon.AI Style TransferRepaint your photo in the style of any painting or pattern with AI, right in your browser.
See all 69 Photo Effects & Editing →