Für wen: Designer und Marketing- / Social-Ops, die Profil-Grids, Karussell-Teaser und Launch-Neun-Grids als gestochen scharfe PNGs von macOS ausliefern. Sie brauchen einen verbindlichen Master-Canvas, klare Safe Zones (Logos und Gesichter überleben In-App-Chrome), explizite @2x- / @3x-Regeln und ein Byte-Budget für das gesamte 9-Kachel-Set — nicht nur für eine Hero-Datei. Ein Remote Mac mini M4 ist der pragmatische Ort für identische Exporte, ImageMagick-/Skript-Splits und manifestgestützte QA ohne überhitzte Laptops und unterbrochene VPN-Nächte.
Was Sie mitnehmen: eine Vergleichsmatrix, PM-taugliche Abnahmekriterien, ops-taugliche Benennung, einen Batch-Pfad inklusive Tool-Parameter sowie ein FAQ zu Alpha-Kanten und ICC. Retina-Mathematik vertiefen Sie in der SVG → @2x/@3x-PNG-Matrix; Farbpolitik in der sRGB- / Display-P3-Checkliste; Watch-Folder- und API-Muster für Social-Batches im Artikel OpenClaw Batch Social PNG auf Remote Mac.
Inhalt
2026 Plattform-Matrix (Neun-Grid & Einzelkachel)
Neun-Grid-Kampagnen starten typischerweise von einem quadratischen Master, der 3×3 in gleich große PNG-Zellen zerlegt wird. Die Tabelle fasst Export-Pixel pro Zelle, den vollen Master fürs Layout und Safe Zones innerhalb jeder Zelle zusammen (Overlay-Guides vom Zellenrand in Figma, Sketch oder Affinity). Die Zahlen sind Praxis-Defaults 2026 für organische Posts — bitte gegen Live-Preview und Brand-Legal final abstimmen.
| Surface | Zellen-Export (B×H px) | 3×3-Master (B×H px) | Safe Zone (pro Zelle) | @2x / @3x-Regel | Kumuliertes 9-Kachel-Budget (PNG) |
|---|---|---|---|---|---|
| Instagram Profil-Grid (quadratisch) | 1080×1080 | 3240×3240 | Hero-Typo & Logos ≥90 px vom Zellenrand; Gesichter nicht im äußeren 8 %-Ring | Design bei @3×1080 (3240) für schärfstes Grid; @2×1080 (2160) nur mit dokumentierter AI-/Sharpen-Downscale-Policy | ≤9,0 MB gesamt nach verlustfreiem Pass (Ø ≈1,0 MB/Zelle); harte Obergrenze 1,8 MB pro Zelle bei mobil-first Accounts |
| Instagram Karussell (quadratische Kacheln) | 1080×1080 | 3240×3240 (gleicher Slice-Workflow) | Obere 11 % für Nutzername/Stack-UI auf Kachel 1; untere 12 % für Caption-Overlap in der Vorschau | Finale Zellen für Upload 1×1080; Master bleibt @3× für Feinzeichnung | ≤10,5 MB für neun hochgeladene Frames (etwas höher, wenn Kachel 1 schwere Verläufe trägt) |
| Facebook / Meta Feed (1:1-Batch) | 1080×1080 | 3240×3240 | Mindestens 72 px Außenpadding für Text; Motiv zentriert für Crop-Toleranz | Master wie IG; auf 1080 mit Lanczos oder Photoshop „Bicubic Sharper“ einmal herunterskalieren | ≤11 MB Neun-Kachel-Set; Zelle >1,2 MB vor Paid-Boost flaggen |
| X (Twitter) Large-Card-Begleiter | 1600×900 (16:9 Einzel) | — (kein quadratisches Neun-Grid) | Kritische Copy in zentrierter Box 1200×680 auf dem 1600er-Canvas | Bei Web+App: Design @2× von 800×450 logisch | Kein 9er-Set; ≤5 MB pro PNG für schnelle Timeline-Dekodierung |
| LinkedIn Feed (Einzel) | 1200×627 | — | UI links/unten: Logo & CTA in 1040×520 | Master 2400×1254 (@2×), Export 1200×627 | ≤3,5 MB pro Asset für Executive-Mobile-Feeds |
| TikTok In-Feed Still (9er-Crosspost) | 1080×1920 vertikal selten als 9er; Crosspost: 1080×1080-Zellen aus 3240×3240 | 3240×3240 bei IG-Reuse | 150 px Top/Bottom-UI annehmen; Legal nicht in unteren 18 % | Native TikTok: eigene 1080×1920-Master; quadratische Zellen nicht strecken | Neun Quadrate: wie IG 9 MB-Grid-Budget; vertikale Sets separat tracken |
Spalte @2x/@3x: Uploads sind oft 1080 px breit; der Master sollte trotzdem Retina-konform sein — @3× ⇒ 3240 px Breite vor dem Slice. Leichtere @2×-Master (2160 px) brauchen dokumentierten Downscale und einen Schärfepass, um Halos zu begrenzen.
Anforderungszerlegung & Abnahmekriterien
PMs und Ops brauchen eine binäre Checkliste: „fertig“ heißt messbare Dateien, nicht Geschmacksdiskussion. Starke Lieferintention bedeutet: jede Anforderung ist vor Go-Live einem Testskript oder einer Stichprobe zugänglich.
- Geometrie: Master-Breite und -höhe durch 3 teilbar; Zellen nach dem Slice identisch ±0 px (kein Off-by-one durch ungerade Summen).
- Farbe: In jedem PNG eingebettetes sRGB IEC61966-2.1, außer Marketing hat eine dokumentierte Display-P3-Ausnahme (für Social-PNG selten).
- Alpha: Klare Entscheidung — entweder vollpigmentierte Zellen oder dokumentierte Transparenz inkl. Mattierungsfarbe für Netze, die Alpha eigenwillig flatten.
- Lesbarkeit: Mindestens 42 px Cap-Höhe auf 1080-Zellen für Promo-Fließtext; 60 px für Hero-Wörter nach dem Schnitt.
- Byte-Schwellen: Werte aus der Matrix; zusätzlich Ablehnung, wenn ein 9er-Kampagnen-Set durch Hochskalate mehr Dekodier-Pixel erzeugt als 9×(1080×1080) ohne triftigen Grund.
- Rückverfolgbarkeit: Manifest-Zeile pro Zelle:
campaign_id,slice_index,preset_version,sha256,exported_at_utc.
Freigabe-Ablauf: Design friert den Master ein → Automation schneidet → verlustfreie Optimierung (z. B. oxipng Stufe 4) → Skript prüft Maße + ICC + Hash → Ops lädt in Index-Reihenfolge 0_0 links oben bis 2_2 rechts unten hoch. Jeder fehlgeschlagene Check blockiert Upload und rollt das Manifest zurück.
Schnittregeln & Benennungsvorlage
Raster-Index: Zeilen nach unten, Spalten links nach rechts: r{row}c{col} mit r0c0 = links oben. Das entspricht der Leserichtung auf Profil-Grids und vermeidet endloses „Instagram sortiert doch anders“-Debatten.
Schnitt-Mathematik: Bei Master-Breite W und -höhe H: Zellenbreite = W/3, Zellenhöhe = H/3. Ganzzahlige Division nur, wenn W und H Vielfache von 3 sind — sonst Master korrigieren, Restpixel nicht still verteilen.
Benennungsvorlage (regex-freundlich, Kleinbuchstaben):
{brand}_{campaign}_{yyyyMMdd}_grid3x3_r{row}c{col}_w{width}px_h{height}px_srgb_v{preset}.png
preset— z. B.figma_export_v3oderaffinity_photo_2_6; erhöhen bei Skript- oder ICC-Policy-Wechsel.- Optional
_nocropfür Archiv-Master und_uploadfür final optimierte Uploads, damit Ops Pfade nicht vermischt. - Nach QA nie per Hand umbenennen — neu generieren und neu hashen.
Batch-Export & Konsistenzprüfung (Remote M4)
Schwere Grids laufen auf einem Remote Mac M4, damit Lüfterlast, Sleep und VPN-Aussetzer auf Designer-Laptops keine Nachtjobs kippen. Standardisierte Ordner: inbox/master/, out/slices/, out/opt/, logs/run-{timestamp}.jsonl.
ImageMagick 7 (gleichmäßiger 3×3-Split): Voraussetzung: PNG-Master ist bereits sRGB und exaktes Vielfaches von 3:
magick master.png -crop 3x3@ +repage +adjoin out/slices/cell_%d.pngAusgaben per Skript auf die Vorlage umbenennen; %d zählt Kacheln in der Standard-Reihenfolge von ImageMagick — einmal pro Installation gegen Referenz prüfen.
macOS sips — Schnell-Audit: Pixelmaße und Profil je Zelle:
for f in out/opt/*.png; do
sips -g pixelWidth -g pixelHeight -g profile "$f"
doneVerlustfreies Packen (Beispiel): oxipng -o 4 --strip safe out/opt/*.png nach Freigabe durch Compliance — viele Social-PNGs dürfen unkritische Chunks streifen, wenn Legal zustimmt.
Skript-Checks: identische Zellenmaße; Gesamtbytes unter Matrix-Budget; ICC-Name enthält sRGB; optional pngcheck -v; Kanten-Diff zum Master gegen 1-px-Lücken. Alles nach JSONL loggen.
FAQ: Transparente Kanten & Farbprofile
Entstehen zwischen Neun-Grid-Zellen sichtbare Fugen bei transparenten PNGs?
Ja, wenn Netzwerke Alpha gegen unerwartete Hintergründe flatten oder die Kompression Halbtransparenz am Rand erzeugt. Für Neun-Grids sind opake Zellen mit gebackenem Hintergrund meist robuster. Bei Alpha: Tests auf Weiß, #111 und Markenverläufen; 1 px innere Mattierung an dominanter Hintergrundfarbe; weiche Schatten nicht durch den Schnitt führen.
Sollen wir ICC-Profile in Social-PNGs einbetten?
Für konsistente Darstellung: sRGB einbetten und Exports vermeiden, die nur zuweisen ohne Chunk. Manche Optimierer entfernen Profile — konfigurieren Sie „ICC behalten“ oder re-embed per sips --embedProfile nach der Pipeline, wenn die Checkliste es verlangt. P3-Master für Social nach sRGB wandeln, sofern kein überwachtes P3-Ende-zu-Ende-Setup existiert; siehe verlinkte Farb-Checkliste.
Warum nicht direkt in 1080 designen und hochskalieren?
Hochskalieren von 1080 auf 3240 für „Qualität“ erzeugt fast immer Halos und brüchige Typo. Am vorgesehenen Master arbeiten, einmal auf 1080 herunterskalieren, CDN liefert die kleinere Datei. Ads mit 4K-Mastern in separaten Archiv-Pfaden halten — nicht mit organischen Neun-Grid-Uploads mischen.
Öffentliche Einstiegsseiten ohne Login: MacPng-Startseite, Mieten & Kaufen mit aktuellen Angeboten, Preise & Pakete und Hilfe inkl. SSH/VNC. Mehr Design- und PNG-Themen im Technik-Insights-Blog.
Remote-Mac-M4-Design-Rechenleistung für Neun-Grid-Batches
ImageMagick-Splits, oxipng-Läufe und manifestgestützte QA auf einem dedizierten Mac mini M4 — stabile Presets, schnelle SSD, SSH/VNC aus Ihrer Zeitzone. Pakete und Laufzeiten auf den öffentlichen Seiten einsehen, hochskalieren, wenn Kampagnen sich stapeln.