IconSplit
Icon Edge Repair

Smooth jagged icon edges without blurring the whole image

After detecting multiple icons in an icon sheet, AI-generated asset board, or design screenshot, repair each PNG or WebP boundary independently. Keep the original, apply light raster smoothing, rebuild only the edge, or create scalable SVG paths.

Extracted phone icon on transparency grid Extracted camera icon on transparency grid Extracted weather icon on transparency grid Extracted controller icon on transparency grid

Compare all four processing modes

Original raster gear enlarged with visible pixels
ORIGINAL

Keep the repaired raster

No additional smoothing or vector reconstruction.

Gear icon with conventional raster anti-aliasing
STANDARD

Light raster smoothing

Applies conventional anti-aliasing to lightly jagged edges.

Raster gear preserving its colors with a smooth boundary
VECTOR

Rebuild only the boundary

Preserves raster colors, gradients, shadows, and textures.

Gear rebuilt as scalable SVG paths
SVG

Rebuild the complete icon

Creates scalable paths and reconstructed color regions.

These previews explain the rendering model. Exact smoothing depends on the uploaded edge, transparency, Repair settings, and target output size.

Vector smoothing changes the edge, not the whole icon

IconSplit traces alpha contours rather than using the SVG color model as a mask. The repaired raster remains the color source. Pixels away from the boundary keep the repaired PNG or WebP appearance, while the edge receives a newly rasterized smooth alpha boundary.

Why the production smoother remains V4.2

IconSplit has tested both the production V4.2 contour fitter and an experimental V5 pipeline based on signed distance fields and local primitive fitting. V5 preserves topology and offers better diagnostics, but on the reviewed flat-icon set it can preserve too much of the original pixel staircase when a local candidate fails its geometry checks. V4.2 currently produces the more visible improvement on the common flat icon cases, so it remains the production path while V5 stays experimental.

This is not a claim that one method wins on every image. Hand-drawn strokes, glass effects, thin lines, circles, sharp corners, and layered shapes fail in different ways. The public extraction benchmark keeps representative successes and failure cases visible as the algorithms change.

Preserve transparent holes

Outer boundaries and enclosed holes are treated as topology, so an icon should not become one solid filled silhouette.

Avoid white and black fringes

Preview against light, dark, and checkerboard backgrounds to expose contaminated transparent RGB and edge residue.

Keep raster detail

Choose Vector smoothing when gradients, textures, glass effects, or shadows should remain closer to the original PNG.

Which mode should I choose?

GoalRecommended modeResultColor behavior
Light edge cleanupStandard smoothingPNG or WebPPreserves raster color
Smooth fitted boundaryVector smoothingPNG or WebPPreserves raster color
Editable scalable pathsCreate SVGSVGRebuilds color regions

Related workflows