Designer-Intention: Sie verschmelzen keine zufälligen Screenshots — Sie liefern eine Raster-Wahrheit (Banner, Atlas-Streifen, Vollflächen-Komposit), bei der eine falsche Naht zur sichtbaren Linie wird, ein Profil-Bruch zum Farbstich und ein fringender Alpha-Rand auf dunklem UI zum Markenfall. Dieses Playbook richtet sich an Design-Leads, die auf macOS einen verlustfreien PNG-Zusammenfüge-Pfad wählen, ihn für Ops dokumentieren und Batches auf einem Remote Mac mini M4 mit identischen Parametern abnehmen.
Raster-Disziplin und Auto-Layout-Risiken klären Sie in der Figma-Auto-Layout-PNG-Pixelausrichtung, Farb-Policies in der PNG-Farbmanagement-Checkliste sRGB / Display P3; die PSD→PNG-Batch-Matrix (sips vs. ImageMagick) hilft bei der Wahl der CLI-Spur — hier geht es um Kachel-spezifische Kanten- und Naht-Themen.
Inhaltsverzeichnis
Materialvoraussetzungen
Zusammenfügen verstärkt vorgelagerte Fehler. Bevor Sie montage oder convert starten, fixieren Sie Folgendes schriftlich — Ihr Abnahmeskript soll früh ablehnen können.
- Ganzzahlige Geometrie: Kachelbreiten und -höhen sind volle Pixel; die Summen-Abmessung der Ausgabe entspricht dem Layout (horizontale Reihe:
W_ges = Σ w_i; Raster: Zeilen × Spalten mit einheitlicher Gutter-Regel — für verlustfreie Stöße meist 0 px Zwischenraum). - Eine Farbgeschichte: Jede Eingabe-PNG ist für denselben Lieferfarbraum vorbereitet — typisch sRGB IEC61966-2.1 eingebettet. P3-Master und sRGB-Slices „mitteln“ sich an der Naht nicht aus; wandeln Sie in der Authoring-Phase, nicht still beim Stitch.
- Alpha-Semantik: Legen Sie straight vs. premultiplied für die Pipeline fest und halten Sie sie ein. Straight Alpha ist gängiger Austausch; premultiplizierte Assets müssen vor verlustfreiem Concat ggf. entpremultipliziert werden, wenn die Kette sonst transparente Kanten abdunkelt.
- Keine versteckte Resampling: Exporte landen in 1× des Stitch-Plans (oder einem dokumentierten ganzzahligen Retina-Maßstab). Vermischen Sie keine DPI-Metadaten, die Vorschau oder Loader zu anderen physischen Zoll rechnen lassen.
- Kantenpixel: Für „unsichtbare“ Stöße sollten benachbarte Kacheln bei voller Deckkraft dieselben RGB-Werte tragen; dort wo Alpha weich ist, muss die Verlaufsrichtung passen, damit an der Grenze keine Luminanz-Notches entstehen.
Vergleichstabelle: Zusammenfüge-Methoden
Wählen Sie die Spur nach wer ICC mutiert, Layout-Komplexität und Automationsfläche — nicht nach gestern gewohnter Software.
| Dimension | sips (macOS) | ImageMagick 7 (empfohlen fürs Nähen) | Hinweise |
|---|---|---|---|
| Kern-Einsatz | Skalieren, drehen, ICC zuweisen/einbetten, Formate lesen/schreiben | Montage, Append, Farbpipeline, alpha-bewusstes Compositing | sips ersetzt kein vollwertiges Kachel-Layout; einsetzen vor/nach dem Stitch für Policy-Schritte. |
| Mehrfeld-Layout | Nur manuelle Sequenzen; fehleranfällig | montage, convert … +append, Geometrie-Kontrolle |
Zeile/Spalte und Abstand einmal im Skript kodieren — keine Einweg-GUI-Crops fürs Produktiv-Release. |
| Verlustfreiheit | Raster bleibt erhalten, wenn keine Re-Kodierung nötig | -depth 8 / 16 an Quellen angleichen; keine unabsichtlichen Filter |
Skalierung oder Farbraumwechsel kann „verlustfrei“ aufheben — im Release-Manifest benennen. |
| sRGB-Disziplin | Native ICC-Einbettung & Zuweisung | -colorspace sRGB + Profil anhängen, wenn die Policy es vorschreibt |
Eine maßgebliche Konvertierungsstufe — entweder Export oder dokumentierte CLI. |
| Alpha / Kanten | begrenzte Compositing-Kontrollen | -alpha set / on, Hintergrund-Tests |
Auf schwarzem und weißem Untergrund auf Halos prüfen (siehe FAQ). |
| Durchsatz (M4-Klasse) | sehr schnell für Einzeldatei-Ops | skaliert gut für Ordner-Batches mit Parallelejobs | magick -version und Delegate-Build im Runbook pinnen. |
Ausführbare Skizzen (Pfade anpassen):
- Horizontale verlustfreie Reihe (gleiche Höhe):
magick convert kachel_01.png kachel_02.png kachel_03.png +append -alpha on -colorspace sRGB genaht_h.png - Raster mit fester Geometrie (Beispiel 2×2, ohne Gutter):
magick montage a.png b.png c.png d.png -tile 2x2 -geometry +0+0 -background none genaht_raster.png - sRGB nach dem Stitch einbetten (wenn ICC über sips läuft):
sips -s profile /System/Library/ColorSync/Profiles/sRGB\ Profile.icc genaht_raster.png(Profilpfad auf dem Host verifizieren)
Müssen Sie Normalisieren (Trim, Pad, Profil-Fix) und Concatenation mischen, dokumentieren Sie die Reihenfolge: normalisieren → prüfen → nähen → finale ICC-Runde — nicht umgekehrt ohne unterschriebene Ausnahme.
Remote-M4-Batch-Parameter & Schwellen
Ein Remote-M4-Knoten existiert, damit Laptops Figma/Sketch responsiv bleiben, während ein stabiler macOS-Build nächtlich dasselbe Skript fährt. Nutzen Sie diese Gates als Standard-Go/No-Go — verschärfen Sie pro Markenrichtlinie.
- Umgebung pinnen:
sw_vers,magick -version(ImageMagick-Build), ob libpng mit derselben Optimierung wie lokales CI gebaut wurde. - Dimensions-Gate: Ausgabe-Breite/-Höhe = arithmetische Summe der Kacheln ± 0 px (kein Off-by-one durch ungerade Kachelbreiten); Abbruch, wenn eine Eingabe vom Manifest abweicht.
- Profil-Gate: Entweder eingebettetes sRGB IEC61966-2.1 für jede Ausgabe oder ein genehmigter Display-P3-Ausnahme-Ticket mit Viewer-Liste — keine gemischten Profile in einer genähten Datei.
- Alpha-Gate: Naht stichproben: Differenz benachbarter RGB bei voller Deckkraft muss an der Nahtspalte/-zeile 0 sein; bei feinen Verläufen max. Delta pro Kanal ≤ 1 (8-Bit) — für Premium-SKU strenger.
- Byte-Obergrenze: Nach verlustfreier Optimierung (z. B.
oxipngauf vereinbartem Level) Flag, wenn genähte Assets > 1,5× Summe der Eingabe-PNGs — außer durch freigegebene Metadaten begründet. - Nebenläufigkeit: Parallele Jobs N ≤ Kernzahl − 1, Kopf für Dekodier-Spikes; Ausgaben nach
staging/, dann atomarmvnachrelease/.
Export-Abnahme
Binäre Checkliste für PM und Ops — subjektiv „sieht gut aus“ ist kein Release-Kriterium.
- Visuelles A/B: Genähte PNG gegen eine nicht-destruktive Referenz (Tool-Neuexport oder einmalig abgeflachtes PSD) bei 100 % Zoom; Naht bei 400 % auf hellem und dunklem Hintergrund scrollen.
- Transparenz: Kein sichtbarer Fransen auf UI-Schwarz (#000000) und Papierweiß (#FFFFFF); tritt Fransen nur auf einer Seite auf, Premultiplikations-Mismatch prüfen.
- Farbe: Marken-Swatches an nahtangrenzenden Flächen mit Pipette spot-check; ΔE zur Vorgabe innerhalb der Toleranz — an Nähten oft strenger als global.
- Metadaten: EXIF je Policy entfernen oder beibehalten; nie unerwartete Paare ICC + undokumentiert untagged ausliefern.
- Nachverfolgbarkeit: Manifest enthält Eingabe-Hashes, Kommandozeile oder Makefile-Target, Maße und Freigeber-ID — falls Audit fragt: „Welcher Build hat genäht?“
FAQ
F: Warum leuchten Nähte nach dem Stitch, obwohl jede Kachel alleine stimmte?
A: Meist unterschiedliche Gamma-Behandlung oder ein verstecktes Resampling auf einer Kachel. Gleiche Farbmanagement-Flags erzwingen und prüfen, ob eine Datei durch eine Vorschau mit Monitor-Kompensation neu kodiert wurde.
F: Reicht sips allein für kampagnenbreite Raster?
A: Nein für ernsthafte Grids — Layout mit ImageMagick (oder gleichwertig), sips dort, wo native macOS-ICC-Zuweisung Ihr Policy-Choke-Punkt ist.
F: Ist premultipliziertes Alpha je okay?
A: Manche Game-/GPU-Pipelines bevorzugen es; für Design-PNG-Austausch bleiben Sie bei straight, bis die Downstream-Spec unterschrieben ist — Haarlinien verhalten sich nach Recomposite schlecht.
F: Remote M4 vs. lokales MacBook für Batches?
A: Gleiches OS, gepinnte Tools und keine thermischen Drosselgrenzen am Laptop bedeuten reproduzierbare Laufzeiten und weniger „läuft bei mir“-Nähte.
Nächste Schritte
Langbild- und Atlas-Nähte auf einem dedizierten Remote Mac laufen lassen — Ihr Team behält eine ICC- und Alpha-Geschichte. MacPng-Startseite, Preise und Knoten sowie Mieten und Kaufen sind ohne Login einsehbar; weitere PNG- und Remote-Mac-Workflows finden Sie unter Technik-Insights. Einrichtungshilfe: Hilfe — SSH / VNC.
Verlustfreie Naht-QA auf stabilem M4-Host
Gleiche ImageMagick-/sips-Baseline, Nachtläufe und manifestgestützte Abnahme — ideal wenn Nähte und Farbe release-übergreifend halten müssen.