Nine-Patch-Generator Erstellen Sie Android-Stil 9-Patch-Bilder (.9.png) mit markierbaren Stretchbereichen.

🖼️

Nine-Patch-Generator

Erstellen Sie Android-Stil 9-Patch-Bilder (.9.png) mit markierbaren Stretchbereichen.

Bild hochladen

Lassen Sie ein PNG-Bild für die Erstellung von 9-Patch-Bildern fallen oder wählen Sie es aus.

Regionen definieren

Legen Sie linke, rechte, obere und untere Einzugswerte für streckbare Bereiche fest.

Herunterladen

Erstellen und herunterladen Sie die .9.png-Datei mit Markierungen.

Loading tool...

What Is Nine-Patch-Generator?

Ein Nine-Patch-Generator, der .9.png-Bilder erstellt, die in der Android-Entwicklung und bei Spiel-UI-Systemen verwendet werden. Nine-Patch-Bilder haben 1-Pixel-Randmarkierungen, die definieren, welche Bereiche gestreckt und welche fest bleiben. Legen Sie die Einzugswerte (links, rechts, oben, unten) fest, um zu steuern, wo die dehnbare Zone beginnt und endet. Das Tool fügt den erforderlichen 1-Pixel-Rand mit schwarzen Pixelmarkierungen hinzu. Die Ausgabe ist kompatibel mit dem Android SDK und beliebten Spiel-Engines.

Why Use Nine-Patch-Generator?

Erstellt ordnungsgemäß formatierte .9.png-Dateien
Visuelle Steuerung für die Definition von Streckbereichen
Kompatibel mit Android SDK und Spiel-Engines
Vorschau mit pixelgenauer Darstellung

Common Use Cases

Android-Entwicklung

Erstellen Sie streckbare Hintergründe für Schaltflächen und Chat-Blasen.

Spiel-Benutzeroberfläche

Skalierbare Benutzeroberflächenelemente und -rahmen für verschiedene Bildschirmgrößen.

Responsive Assets

Bilder, die sich durch das Strecken nur bestimmter Bereiche elegant anpassen.

Chat-Blasen

Hintergründe für Chat-Nachrichten, die sich mit dem Textinhalt erweitern.

Technical Guide

Das Ausgabebild ist 2 Pixel breiter und 2 Pixel höher als die Quelle (für den 1-Pixel-Rand auf jeder Seite). Das Quellbild wird bei Offset (1,1) gezeichnet. Schwarze Pixel werden auf den Rändern platziert: Der obere Rand markiert die horizontal dehnbar breite, der linke Rand markiert die vertikal dehnbare Höhe, der rechte Rand markiert die Inhaltspolsterungshöhe und der untere Rand markiert die Inhaltspolsterungsbreite. Die dehnbare Region ist der Bereich zwischen den Einzügen.

Tips & Best Practices

1
Halten Sie Einzugswerte von detaillierten Bereichen fern - nur flache/einfache Bereiche sollten gestreckt werden
2
Testen Sie bei verschiedenen Größen, um das Streckverhalten zu überprüfen
3
Verwenden Sie es mit dem Android SDK-Tool draw9patch für die Überprüfung
4
Ecken und Kanten mit Details sollten in der festen (nicht streckbaren) Zone liegen

Related Tools

Bild beschneiden

Beschneiden Sie Bilder mit einem visuellen Auswahlrechteck, um unerwünschte Bereiche zu entfernen.

🖼️ Image Tools

Bildgrößenanpasser

Passe Bilder auf exakte Pixelmaße oder Prozentsatz an, während das Seitenverhältnis beibehalten wird.

🖼️ Image Tools

Bilderrahmen und -umrandung

Fügen Sie dekorative Ränder und Rahmen zu Bildern mit anpassbarer Breite, Farbe und Stil hinzu.

🖼️ Image Tools

Bildteiler

Teilen Sie ein Bild in ein Raster aus gleich großen Kacheln für Puzzles, Drucken oder Instagram-Grids auf.

🖼️ Image Tools

Frequently Asked Questions

Q Was ist .9.png?

Ein PNG mit 1px-Begrenzungs-Markierungen, die streckbare und Pufferbereiche definieren.

Q Nur Android?

Ursprünglich für Android entwickelt, aber auch in vielen Spiel-Engines und Benutzeroberflächen-Frameworks verwendet.

Q Eingabeformat?

Nur PNG - Markierungen erfordern verlustfreie Pixel-Daten.

Q Vorschau Strecken?

Überprüfen Sie die Ausgabe visuell. Verwenden Sie Android SDK-Tools für die Vorschau des Streckverhaltens.

Q Maximale Einzugswerte?

Bis zu halb der Bildgröße für jede Seite.

About This Tool

Nine-Patch-Generator is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.