Favicon-Governance-Checkliste
Behandle Icons wie jedes andere markenkritische Asset. Diese Checkliste hält Organisationen mit mehreren Teams vor, während und nach einem Rebranding auf Kurs.
Audit in vier Durchgängen
- 1
Jede Oberfläche inventarisieren
Liste Browser-Tabs, Lesezeichen, iOS-/Android-Homescreens, Windows-Kacheln, Slack-Vorschauen, Marketing-Landingpages und Microsites auf.
- 2
Verantwortliche und SLAs zuordnen
Weise Design-Systeme, Brand, Plattform-Infrastruktur und Product Marketing den Oberflächen zu, die sie verantworten. Halte fest, wer Icon-Änderungen freigibt.
- 3
Aktuelle Assets sichern
Exportiere das bestehende favicon.ico, die PNGs, Masken und Manifest-Daten in ein versioniertes Repository.
- 4
Lücken markieren
Achte auf fehlende Apple-Touch-Icons, veraltete 32x32-Tabs, unpassende Theme-Colors oder veraltete Manifest-Metadaten.
Wer was verantwortet
Klare Zuständigkeiten verhindern, dass die Icons nach dem ersten Launch-Stress auseinanderdriften.
| Team | Verantwortung | Tooling |
|---|---|---|
| Design Systems | Erstellt die Quell-Artworks, legt die Farbpalette fest und verantwortet die Overlays für die einzelnen Umgebungen. | Figma-Bibliotheken, Token-Dateien, Accessibility-Review. |
| Plattform / DevOps | Automatisiert die Generierung, legt die Assets in CDN-Buckets ab und referenziert sie über Umgebungsvariablen. | CI-Pipelines, Infrastructure as Code, Favicon Tools CLI. |
| Security / Compliance | Stellt sicher, dass Icons im Incident-Modus wechseln und die Zertifikate zu den Icon-Hosts passen. | Change-Management-Systeme, Monitoring-Hooks, Freigabe-Workflows. |
| Marketing / Growth | Hält kampagnenspezifische Icons im Einklang mit saisonalen Launches und SEO-Programmen. | Content-Kalender, CMS-Integrationen, Experiment-Frameworks. |
KPIs im Blick behalten
Miss pro Release die Abschlussquote deiner Favicon-Checkliste und verfolge, wie viele Incidents „falsche Umgebung“ oder „veraltetes Icon“ erwähnen.
Ein KPI von 0 % Incidents zeigt der Führungsebene, dass sich die Investition gelohnt hat.
Recht und Compliance
Manche Branchen (Finanzwesen, Gesundheitswesen) verlangen dokumentierte Change-Logs. Bewahre jeden Icon-Export mit Zeitstempel und Freigebenden auf.
Verknüpfe die Nachweise mit deinen SOC2- oder ISO-Evidenzordnern, damit Audits schneller vorankommen.
Deployment-Checkliste
Führe das jedes Mal aus, wenn du Icons, Farben oder Manifest-Metadaten anpasst.
- 1
Das Audit fest einplanen
Plane ein vierteljährliches Favicon-Audit, das zusammen mit den Accessibility- und SEO-Scans läuft.
- 2
Die Assets versionieren
Versioniere alle Icons plus die manifest.json in einem eigenen Repository mit semantischen Tags.
- 3
Icon-Änderungen wie Code reviewen
Verlange Pull Requests für jede Icon-Änderung, inklusive Vorschau-Links, die Tab-, Mobile- und Installations-Ansicht zeigen.
- 4
Die Bytes in Produktion testen
Richte automatisierte Tests ein (Playwright oder eigene Skripte), die die Icons aus der Produktion herunterladen und die Hashes mit den erwarteten Assets vergleichen.
- 5
CX und Support informieren
Kündige Änderungen an, damit sie das aktuelle Icon erkennen, wenn sie Updates auf der Statusseite erstellen.
Dokumentationspaket
Nimm Richtlinien zur Icon-Nutzung, Farbreferenzen pro Umgebung und die Manifest-Anforderungen in dein Brand-Wiki auf.
Verlinke direkt auf das Preset des Favicon-Tools-Generators, damit Designer die freigegebenen Formate ohne Rätselraten exportieren.