9-Slice Editor
Drag the four borders of a panel image and see it drawn at several target sizes at once.
How it works
- Add images
- Adjust settings and review the result
- Download a new file
Supported formats
PNG / JPG / WebP / AVIF / HEIC → PNG + JSON (ZIP) — Input decoding depends on browser support and optional engines.
What this tool does
Drag the four borders of a panel image and see it drawn at several target sizes at once.
Implementation and verified quality
advanced · repeated-line border suggestion / nine-slice draw plan (stretch and tile). Quality qualification is in progress. Pro/Flagship quality has not been established.
Before you export
Border suggestion is a heuristic that looks for repeated columns and rows. Stretching and tiling are drawn with the browser canvas.