9
9-Slice / 9-Patch Generator
Slice images into 9 pieces for scalable UI elements.
Design
v1.0.0
62 uses
9
9-Slice / 9-Patch Generator
Esc
or
Ctrl+Shift+F
to exit
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
More Tools in Design
G
Gradient Background Maker
DesignCreate downloadable gradient images with custom sizes for wallpapers and banners.
I
Image Cropper
DesignCrop images with visual drag selection, aspect ratio presets, and free-form cropping.
I
Image Metadata Viewer
DesignView image dimensions, file size, type, and embedded metadata from uploaded images.