Generate a 9-patch image from an iOS image

Select the image and enter its left and top end caps.


SelectReplace Remove
If the filename contains @2x then the left and top end caps are multiplied by 2. The file you download will have @2x removed and a .9.png extension.

Left cap

Only the next 1px wide column will be resized.

Top cap

Only the next 1px heigh row will be resized.


Up- or downsize the image while securing an 1px 9-patch border. If the image filename does not contain @2x the percentages will be doubled.


Information on how caps on iOS work can be found in the Ti.UI.View documentation.


Information on 9-patch images on Android can be found in the Ti.UI.ImageView documentation.