FOCUSED PNG TOOL · FREE ONLINE IMAGE TOOLS

PNG Outline Maker

Add a colored outline to transparent PNG artwork or export just its boundary. Choose 1–3 pixel strokes, refine alpha, recolor the fill and preview before downloading.

Browser processingOriginal-size exportsPreview + staged edits

1. Open an image

Choose file

PNG, JPG or WebP · up to 20 MiB, 8 million pixels. Drop one file anywhere in the workspace.

No image loaded.

2. PNG Outline Maker

Task / extra operation

Custom palette · 2–32 hex colorsColorSecond / replacement colorAmount / threshold · %Color tolerance · %Match-edge softness · %Edge radius · pixelsLevels per RGB channelCell / band size · pixelsRepeatable seedGradient direction

Preview starts from the current working image. Keep an edit to chain operations. Original upload remains available with Reset.

Outlines follow the alpha boundary and stay inside the existing canvas. A fully opaque image outlines its rectangle; remove the background first. Edges touching the canvas can be clipped.

3. Preview & export

Choose an image or try the example.

ShowPreview backgroundClick the working image to pick a color.

Working image · click to pick

Your image will appear here.

Operation preview

Preview an operation to compare.

Load settings

Pixel operations work with browser-decoded 8-bit RGBA. They can discard source metadata, color profiles or higher bit depth. PNG compression compares decoded pixels, not byte-identical files. Animated images are rejected here; use animation tools instead.

When to use PNG Outline Maker

Give stickers, small icons and pixel sprites a clear colored edge.

Outlines follow the alpha boundary and stay inside the existing canvas. A fully opaque image outlines its rectangle; remove the background first. Edges touching the canvas can be clipped.

Using PNG Outline Maker

Add a colored outline to transparent PNG artwork or export just its boundary. Choose 1–3 pixel strokes, refine alpha, recolor the fill and preview before downloading.

Open a PNG, JPG or WebP, or try the example. Generators can begin without a file.
Start with a quick preset or adjust the main task controls. Preview the change and compare it with the working image.
Download the result PNG. Keep edit commits a preview for a next operation; Undo and Reset original help you compare alternatives.

Example

Give stickers, small icons and pixel sprites a clear colored edge.
Outlines follow the alpha boundary and stay inside the existing canvas. A fully opaque image outlines its rectangle; remove the background first. Edges touching the canvas can be clipped.

Questions & answers

What is the main purpose of this tool?

Give stickers, small icons and pixel sprites a clear colored edge. Outlines follow the alpha boundary and stay inside the existing canvas. A fully opaque image outlines its rectangle; remove the background first. Edges touching the canvas can be clipped.

Are images uploaded for processing?

Image processing runs locally in your browser. Public pages can also load advertising and optional Analytics, as described in the privacy information.

Can I use large or animated images?

Still images are limited to 20 MiB and 8 million pixels. Animated images are rejected here; use the APNG or GIF tools.

Does export preserve the original file exactly?

Pixel operations use decoded 8-bit RGBA and encode a new PNG. Higher bit depth, metadata and color-profile details may change. Compare the preview and retain your original.