Bild in Kacheln zerschneiden

Ein Bild in ein Raster aus Kacheln schneiden — und alle Teile in einer einzigen ZIP-Datei zurückbekommen.

100 % privat – läuft vollständig in Ihrem Browser. Ihre Daten werden auf Ihrem Gerät verarbeitet und niemals ins Internet gesendet.

Klicken zum Hochladen oder Bild hierher ziehen

PNG, JPG, WebP oder GIF — in Ihrem Browser geschnitten, nie hochgeladen

Über das Zerschneiden eines Bildes

Ein Bild, mehrere Teile. Ein Foto, das auf einem Profil zu einem 3×3-Raster wird. Ein großes Bild, in Kacheln geschnitten, um es über mehrere Blätter zu drucken. Ein Sprite-Sheet, in Einzelbilder zerlegt. Ein Bild, aus dem Puzzlekarten werden.

Von Hand heißt das: zuschneiden, exportieren, umbenennen — und das neunmal, während man versucht, an den Nahtstellen keine Pixelreihe zu verlieren.

Bild hineinziehen, sagen, wie geschnitten werden soll, und alle Kacheln kommen in einer ZIP-Datei zurück.

So wird es benutzt

  • Auf Klicken zum Hochladen klicken oder das Bild auf die Seite ziehen
  • Eine Vorlage wählen — das Instagram-3 × 3 ist dabei — oder eigene Zeilen und Spalten oder eine Kachelgröße in Pixel angeben
  • Die Vorschau beobachten: Sie zeigt das Bild bereits in die Kacheln zerlegt, die Sie erhalten würden
  • Kacheln schneiden drücken
  • Die ZIP speichern oder eine einzelne Kachel anklicken, um nur diese zu speichern

Die Vorschau ist das Ergebnis

Das Bild rechts ist nicht das Ausgangsbild mit Linien darauf. Jede Kachel, die Sie sehen,

ist ein eigenes Stück, das seinen eigenen Ausschnitt zeigt, mit einem Abstand dazwischen

angeordnet. Die Vorschau beantwortet also die Frage, auf die es ankommt: was wirklich in

jeder Datei stehen wird.

Sie aktualisiert sich, während Sie die Zahlen ändern, weil noch nichts geschnitten wird —

jede Kachel ist dasselbe Bild hinter einem Fenster in Kachelgröße. Das Raster zu ändern ist

eine Layout-Änderung, weshalb die Vorschau mit einem Schieberegler mithält.

Sobald Sie Kacheln schneiden drücken, werden genau diese Kacheln zu den echten Dateien.

Fahren Sie über eine, erscheint ein Speichersymbol; ein Klick speichert nur diese eine. Der

ZIP-Knopf nimmt alle.

Zwei Regler unter Diese Vorschau — der Abstand zwischen den Kacheln und die Kachelnamen —

ändern nur, was Sie ansehen. Auf die Dateien wirken sie sich nie aus.

Zwei Wege, es zu sagen

  • Ein Raster — „3 mal 3“. Sie bestimmen die Anzahl der Teile, und die Kachelgröße ergibt sich aus der Bildgröße. Das ist die Wahl für ein Profilraster, ein Puzzle oder einen Kartensatz
  • Kachelgröße in Pixel — „512 mal 512“. Sie bestimmen, wie groß jedes Teil ist, und die Anzahl ergibt sich daraus. Das ist die Wahl für Sprite-Sheets, Kartenkacheln und Druckbögen

Was an den Rändern passiert

Das ist das Detail, das darüber entscheidet, ob das Ergebnis brauchbar ist.

Die beiden Modi gehen unterschiedlich damit um, und beides ist Absicht.

Ein Raster verteilt die übrig gebliebenen Pixel auf die Kacheln: Ein 1000 Pixel breites Bild in 3 Teile ergibt 333, 334 und 333 — ein Unterschied von einem Pixel, den nie jemand bemerkt. Keine Kachel ist merklich kleiner als ihre Nachbarn.

Eine feste Kachelgröße kann das nicht, weil Sie eine genaue Größe verlangt haben. Ein 1000-Pixel-Bild in 300-Pixel-Kacheln ergibt drei volle Kacheln und einen Rest von 100 Pixeln. Dieser letzte bleibt kurz. Ihn aufzufüllen würde Hintergrund hinzufügen, den das Bild nie hatte, und ihn zu dehnen würde den Inhalt verzerren — also geschieht keins von beidem, und die Vorschau sagt es, wenn es auftritt.

Sie können es sehen, statt es glauben zu müssen: Die Kacheln werden in ihren tatsächlichen Größenverhältnissen gezeichnet, eine kurze Randkachel sieht also kurz aus.

Jeder Pixel des Originals landet in genau einer Kachel. An den Nähten geht nichts verloren und nichts wird doppelt.

Benennung, damit die Teile wieder zusammenfinden

Kacheln werden nach ihrer Position benannt: foto-r01c01.png, foto-r01c02.png und so weiter — erst Zeile, dann Spalte, mit führenden Nullen.

Damit bringt eine alphabetische Sortierung irgendwo — im Dateimanager, in einem Upload-Dialog — sie in Leserichtung: von links nach rechts und von oben nach unten. Für ein Instagram-Raster denken Sie daran, dass Beiträge neueste zuerst erscheinen — laden Sie sie also rückwärts hoch.

PNG oder JPG

  • PNG behält die exakten Pixel. Eine Kachel ist Byte für Byte der Teil des Originals, aus dem sie stammt, und Transparenz bleibt erhalten. Die richtige Wahl für Grafiken, Screenshots und alles, was noch bearbeitet wird
  • JPG liefert viel kleinere Dateien, mit einem Qualitätsregler. Die richtige Wahl für Fotos. Transparente Bereiche werden weiß, denn JPG kennt keine Transparenz

Wofür es genutzt wird

  • Aus einem Foto ein Instagram-3 × 3-Raster machen
  • Ein großes Bild in Druckbögen schneiden, um sie als Poster zusammenzukleben
  • Ein Sprite-Sheet in einzelne Frames zerlegen
  • Puzzle- oder Lernkarten aus einem Bild machen
  • Eine Karte oder einen Plan in Kacheln für einen Betrachter schneiden
  • Einen langen Screenshot in lesbare Stücke teilen

Gut zu wissen

  • Nichts wird hochgeladen. Das Bild wird in Ihrem Browser geschnitten und verlässt Ihr Gerät nie
  • Die Originaldatei wird nicht verändert — Sie bekommen neue Kacheln
  • Bis zu 400 Kacheln auf einmal, damit ein außer Kontrolle geratenes Raster die Seite nicht einfriert
  • Funktioniert mit PNG, JPG, WebP und GIF (beim animierten GIF das erste Einzelbild)
  • Alle Kacheln kommen in einer ZIP-Datei — oder klicken Sie eine einzelne an, um nur diese zu speichern
  • Funktioniert auf Handy und Tablet ebenso wie am Computer

Verwandte Werkzeuge

Wir veröffentlichen regelmäßig neue Tools — abonniere uns auf YouTube, um bei jedem neuen Tool benachrichtigt zu werden.