9-Slice / 9-Patch Generator

Slice images into 9 pieces for scalable UI elements.

Category: Design · v1.0.0

Drop an image here or click to select

Upload a button, panel, or frame image

About This Tool

This 9-Slice / 9-Patch Generator divides images into nine segments following the 9-slice scaling technique, enabling UI elements to scale without distorting corners and edges. It is essential for game developers, mobile app designers, and UI engineers who need to create resizable buttons, panels, and dialog boxes. Upload your image, define the slice boundaries, and export the result for use in your UI framework.

How to Use

  1. Upload the image you want to slice into nine segments
  2. Adjust the slice guides to define the stretchable center region
  3. Preview how the 9-slice image will scale at different sizes
  4. Export the sliced image or 9-patch file for use in your project