SDF Generator · ICO Graphics

Source

Shape image PNG with alpha, or black on white

Signed distance fields for crisp text & UI at any scale.

1-ch 2-ch convex 3-ch MSDF

1-channel standard, 2-channel convex corners (Valve 2007), 3-channel MSDF.

Output size

Spread16 px

Padding0 px

Threshold128

SignWhich side of the edge is above 0.5.

+inside +outside

8-bit RGBA PNG. Unused channels are written as 255.

ADistance field

RGB = channels 1–3

Distance field Add a shape image, then press Generate.

WAITING FOR AN IMAGE