2026 Mac-Website: Entscheidungsmatrix für Favicon- und PWA-Icon-Lieferung als PNG — Mehrgrößen, maskable Sicherheitszone, sRGB und Remote-M4-Stapelabnahme

Typische Bruchstellen: ein Brief, drei Produkte

1. Geometrie pro Slot. Tabs brauchen winzige, lesbare Glyphen; iOS erwartet 180×180; das Manifest verlangt mindestens 192 und 512 — ein einzelner Master-Zuschnitt reicht selten für alle drei Welten.
2. Maskable ist kein „größeres PNG“. Adaptive Launcher maskieren aggressiv; Logos am Rand werden unter Squircles abgeschnitten.
3. Farbe ohne Vertrag driftet. Breitfarbig entworfene Assets plus falsch interpretierte PNG-Tags wirken auf sRGB-first-Oberflächen falsch — ICC-Policy vor dem ersten Batch-sips schriftlich fixieren.
4. Volumen braucht Automation. Hash-Manifeste und stat-Obergrenzen gehören auf einen Worker, nicht auf das Notebook zwischen zwei Calls.

Farbe konsistent halten mit der sRGB- vs. P3-Checkliste; Format-Mix mit WebP/AVIF vs. PNG-Lieferung. Für andere Seitenverhältnisse und Safe Zones: Social-Banner-PNG-Matrix; für native App-Leitern: iOS-App-Icon-Matrix und ICNS-Stapel-Checkliste.

Slot-Matrix: Favicon, Touch-Icon, Manifest, maskable

Fest einprogrammierte macOS-Schritte: sips-Leiter, magick-Schärfe, Manifest-Sauberkeit

ImageMagick-Build auf dem Worker pinnen und pro Job sips --version protokollieren; ICC-Pfade an Organisationsprofile anpassen.

Schritt 1 — Quadratischen Master nach sRGB normalisieren

sips --matchTo "/System/Library/ColorSync/Profiles/sRGB Profile.icc" master.png --out master_srgb.png

Statische PNG-ICC-Regel des Projekts einhalten; wenn Tags entfernt werden müssen, nach dem Match das Strip-Rezept aus dem ICC-Recompress-Guide anwenden.

Schritt 2 — Deterministische Größen mit sips

sips -z 32 32 master_srgb.png --out favicon-32.png
sips -z 180 180 master_srgb.png --out apple-touch-icon-180.png
sips -z 192 192 master_srgb.png --out pwa-192.png
sips -z 512 512 master_srgb.png --out pwa-512-any.png

16×16 nur für Legacy-.ico-Bundles; sonst reichen 32 plus ergänzendes SVG im Tab.

Schritt 3 — Optionale Mikro-Schärfe fürs Favicon

magick favicon-32.png -colorspace sRGB -filter Lanczos -resize 32x32! -unsharp 0x0.45+0.45+0.006 favicon-32-sharp.png

Radius klein halten, um Halos zu vermeiden. Keine aggressive Schärfe auf weichen 512-maskable-Flächen.

Schritt 4 — Maskable-Master mit explizitem Polster

Marke so skalieren, dass die Bounding Box im 80 %-Kreis liegt. Kurzcheck: Chrome DevTools → Anwendung → Manifest-Vorschau für maskable.

Schritt 5 — HTML und Manifest mit konsistenten Hashes

shasum -a 256 pwa-512-any.png >> icons-manifest.sha256

link rel="icon", apple-touch-icon und manifest auf dieselben gehashten Dateinamen zeigen; Cache-Buster bei Umbenennung mitziehen.

Remote-Mac-M4-Abnahme-Checkliste (Batch)

Auf Apple Silicon laufen Dutzende kleine PNGs praktisch nebenläufig; der Flaschenhals ist eher NVMe-I/O und konsistente Toolversionen als reine CPU-Zeit. Halten Sie pro Mandant ein kleines versions.txt mit sips-, magick- und optional pngquant-Strings fest, damit CI und Designer dieselbe Reproduzierbarkeit sehen.

1. Geometrie-Sperre: B×H exakt wie Spezifikation; ungerade Kanten ablehnen, wenn das Manifest gerade Quadrate verspricht.
2. sRGB-Konformität: Stichprobe magick identify -verbose → Colorspace: sRGB plus vereinbarte ICC-Einbettung oder Strip pro Größenklasse.
3. Byte-Decken (Startwerte): 32 ≤ 12 KB, 180 ≤ 45 KB, 192 ≤ 55 KB, 512 any ≤ 180 KB, 512 maskable ≤ 220 KB — pro CDN/Mandant nachjustieren.
4. Schärf-Audit: jedes -unsharp-Triplett in JSONL für diff-freundliche Reviews.
5. Install-Smoke-Test: „Zum Home-Bildschirm“ auf Android Chrome und iOS Safari aus Staging; Screenshots archivieren.
6. Optional pngquant: Nur nach Freigabe der Markenfarben-Palette; Qualitätsband (z. B. 70–85) je Mandant dokumentieren und nie vor dem sRGB-Match ansetzen — sonst entstehen Farbverschiebungen trotz korrekter ICC-Metadaten.

Zitierfähige Schwellen und Policy-Zeilen

• Maskable-Sicherheitskreis: Durchmesser 0,8 × min(Breite,Höhe), zentriert; alles außerhalb gilt unter Maske als verbrauchbar.
• Touch-Icon-Rand: Standard ≥10 % Polster; bei Haarlinien eher 14 %.
• Gate-Snippet (55 KB für 192): test "$(stat -f%z pwa-192.png)" -le 55000 — Zahl pro SKU ersetzen.

FAQ

Eine 512-Datei für any und maskable? Nur wenn das Polster bereits maskable-tauglich ist; sonst zwei Manifest-Zeilen, um Pixel-Clipping auf Google-Pixel-Geräten zu vermeiden.

Touch-Icon wirkt dunkler? sRGB-Match erneut fahren und Design-Export-Gamma mit Safari auf kalibriertem Display vergleichen.

Nächste Schritte: Remote M4 für nächtliche Icon-Sweeps mieten

Nach einem Rebrand lohnt ein gemieteter Remote Mac mini M4: dieselbe Toolchain führt sips, magick und stat-Gates mandantenübergreifend aus, ohne lokale Thermik-Limits. Übersicht auf der MacPng-Startseite, Pakete unter Preise & Knoten, Miete über Kaufen / Mieten, Einrichtung in der Hilfe; vertiefend im öffentlichen Technik-Insights-Blog — alles ohne Login-Pflicht für Guides.