Skip to content
← All free tools

LOCAL FILES. INSTANT WORKFLOW.

Nine-Slice Visualizer

Protect your corners. Preview a panel at any size and export its slice settings.

See what you’ll get ↓
  1. Add your panel image
  2. Set guides and test stretching
  3. Download image + slice settings
● Local processing · Files clear on refresh
Start with a bordered UI panelDrag and drop here, or browse your device

PNG, JPEG, or still WebP · Up to 40 MB / 32 megapixels

Your preview will appear here

Start with a bordered UI panel, then follow the settings below.

See an example of the output ↓

How to get your result

Drag the four guides or enter pixel insets to protect the corners. Analyze locally can suggest a starting point.

A useful tip

Change the preview width and height to check the corners. The PNG export is the source panel, not a screenshot of the stretched preview.

Choose a file above to unlock the controls.

WHAT YOU’LL GET

A panel that grows gracefully.

Illustrative example
01 / INPUT
Panel

Small panel + slice guides

02 / OUTPUT
Stretch preview

Stretch preview · corners kept

Included in your download

  • Source panel · PNG
  • Slice settings · JSON
  • Whole panel + nine pieces · ZIP

Save each prepared download before preparing another, or choose the ZIP. The slice settings tell your engine how to stretch the original panel.

Example only. Your actual result appears in the workbench after you prepare it. Download before refreshing; files stay in this tab.