IconSplit
Icon Format Decision Guide

Choose PNG, WebP, or SVG for every extracted icon

After IconSplit detects icons in an icon sheet, AI-generated asset board, or design screenshot and you finish Repair, choose the output based on delivery needs: exact raster pixels, compact web assets, or scalable editable geometry.

Mail icon as transparent PNG Phone icon suitable for WebP export Mail icon as scalable SVG paths Phone icon as scalable SVG paths

The short answer

PNG

Choose predictable transparent pixels

Best for broad compatibility, design handoff, app assets, and workflows that need a fixed pixel result.

  • Transparent background
  • Output size and Padding
  • 1x, 2x, and 3x variants
WEBP

Choose compact raster delivery

Best for modern web delivery when you want the same repaired appearance as PNG in a compact format.

  • Same Repair result as PNG
  • Transparent background
  • 1x, 2x, and 3x variants
SVG

Choose scalable editable geometry

Best when the icon must remain sharp at arbitrary sizes or designers need editable paths and fills.

  • Scalable paths
  • Editable filled shapes
  • No 1x/2x/3x files required

What changes when you choose the format?

RequirementPNGWebPSVG
Preserve repaired raster colorYesYesReconstructed
Transparent backgroundYesYesYes
Fixed Output sizeYesYesNot required
1x / 2x / 3x variantsYesYesNot required
Editable geometryNoNoYes
Complex gradients and texturesPreservedPreservedMay be approximated

Repair once, then choose the delivery path

One repaired iconBackground removal, transparent holes, smoothing, and color appearance are reviewed first.
PNG or WebPRaster export reuses the repaired appearance and applies Output size, Padding, and selected scale variants.
SVGVector export rebuilds geometry and color regions as filled paths and fitted curves.

The complete source-to-format workflow

1Upload one sourceIcon sheet, AI asset board, or design screenshot.
2Detect multiple iconsCreate separate results before choosing a file format.
3Repair each resultReview edges, holes, colors, and smoothing independently.
4Choose deliveryPNG, WebP, or SVG at the sizes your project requires.

Continue with a format-specific guide