grid_on Bildraster-Teiler star

Wie es funktioniert

Das Werkzeug lädt Ihr Foto auf eine HTML-Canvas, teilt diese Canvas anhand der von Ihnen gewählten Zeilen- und Spaltenzahl in ein N×M-Raster und schneidet jede Zelle per Canvas-Bildausschnitt als eigenständiges Bild heraus — kein Server bekommt die Pixel je zu Gesicht. Jede entstehende Kachel wird als separater PNG-Download in derselben Auflösung angeboten, die der ursprüngliche Ausschnittsbereich hatte; ein 3000×3000-Pixel-Bild, das in ein 3×3-Raster geteilt wird, ergibt also neun Kacheln zu je 1000×1000 Pixeln.

Der konkrete Anwendungsfall, für den dieses Werkzeug gebaut wurde — das mehrteilige Instagram-Raster — existiert, weil Instagram nie nativ einen einzelnen mehrteiligen „Puzzle"-Beitrag unterstützt hat, der sich über mehrere Kacheln im Profilraster erstreckt. Um diesen Effekt nachzubilden, mussten Creator ein breites Bild manuell in einzelne quadratische Kacheln vorab zerlegen und jede davon als separaten Beitrag hochladen. Da Instagrams Profilraster Beiträge neueste zuerst darstellt — von links nach rechts, von oben nach unten gelesen —, müssen die Kacheln in der umgekehrten natürlichen Leserichtung hochgeladen werden: beginnend mit der unteren rechten Kachel und rückwärts arbeitend, innerhalb jeder Zeile von rechts nach links, untere Zeile vor den darüberliegenden Zeilen — sodass, sobald alle neun Beiträge existieren, die Neueste-zuerst-Darstellung sie wieder zum korrekten Bild von links nach rechts, oben nach unten zusammensetzt.

Beispiel: Bei einem 3×3-Raster muss Kachel 1 (oben links im Bild) der letzte Beitrag sein, den Sie hochladen; Kachel 9 (unten rechts im Bild) muss der erste sein. Wer stattdessen in Bildleserichtung hochlädt, erhält ein durcheinandergewürfelt und spiegelverkehrt wirkendes Raster auf dem Profil — der mit Abstand häufigste Fehler bei dieser Technik.

Was Sie wissen sollten

• Das Seitenverhältnis zählt: Ein quadratisches (1:1) Quellbild teilt sich für Instagram in saubere quadratische Kacheln; ein nicht-quadratisches Foto erzeugt nicht-quadratische Kacheln — für Poster kein Problem, aber Instagrams eigener quadratischer Vorschau-Zuschnitt schneidet die Kacheln sonst unvorhersehbar zu, sofern Sie das Bild nicht vorher auf ein Quadrat auffüllen.
• Verlustfreier Zuschnitt: Jede Kachel wird in voller Auflösung aus der ursprünglichen Bitmap extrahiert und als PNG exportiert, sodass die Teilung selbst keine Kompressionsartefakte einführt — jeder spätere Qualitätsverlust stammt von der Plattform, die sie beim Hochladen neu komprimiert.
• Die Hochladereihenfolge ist der eigentliche Trick: Das Teilen selbst ist unkompliziert; ob das Raster am Ende richtig aussieht, hängt ausschließlich davon ab, die Kacheln in umgekehrter Leserichtung zu posten — unten rechts zuerst.
• Nicht nur für Instagram: Dieselbe N×M-Teilung eignet sich auch, um ein großes Poster über mehrere Blätter zu drucken, oder für jedes andere Projekt, das ein einzelnes Bild in ein regelmäßiges Kachelraster teilen muss.