Ein Favicon-Paket ist leicht zu unterschätzen. Viele Leute stellen es sich wie ein kleines Bild in einem Browser-Tab vor, aber eine moderne Website benötigt normalerweise eine kleine Menge zusammengehöriger Assets. Das Browser-Tab-Symbol ist nur eine Oberfläche. Für mobile Verknüpfungen, Android-Symbole, Apple-Touch-Symbole und Manifest-Referenzen können jeweils eigene Dateien erforderlich sein.
Das praktische Ziel besteht nicht darin, jede mögliche Symbolvariante zu sammeln. Das Ziel besteht darin, ein fokussiertes Paket zu liefern, das gängige Browser- und App-ähnliche Oberflächen abdeckt, ohne die Startvorbereitung in manuelle Exportarbeit zu verwandeln. Der Favicon/App Icon Generator in Converty basiert auf dieser Aufgabe: Beginnen Sie mit einem quadratischen Bild und laden Sie ein Paket mit den gemeinsamen Dateien zusammen herunter.
Die Kerndatei ist immer noch favicon.ico
favicon.ico bleibt die bekannteste Favicon-Datei. Es handelt sich um den Vermögenswert, den die Leute im Zusammenhang mit Browser-Registerkarten, Lesezeichen und älteren Favicon-Konventionen erwarten.
Selbst wenn eine Website auch PNG-Symbole und ein Webmanifest enthält, ist favicon.ico dennoch nützlich, da es einen traditionellen Pfad abdeckt, den viele Browser und Tools verstehen. Bei einer einfachen Website ist es oft die erste Datei, die jemand überprüft, wenn das Tab-Symbol nicht richtig aussieht.
PNG-Symbole bedecken moderne Oberflächen
Moderne Symbolpakete enthalten normalerweise PNG-Dateien in verschiedenen Größen. Verschiedene Browser, Verknüpfungen und Anzeigekontexte können unterschiedliche Dimensionen verwenden. Wenn Sie nur eine Größe exportieren, kann es sein, dass der Browser oder das Gerät das Bild skaliert, wodurch kleine Symbole möglicherweise weich oder überfüllt wirken.
Aus diesem Grund ist die Originalvorlage wichtig. Ein quadratisches, einfaches und lesbares Bild führt auf der gesamten Verpackung zu besseren Ergebnissen als eine detaillierte Grafik, die in mehrere Größen gequetscht wird. Converty kann ein komplexes Logo nicht in eine perfekte kleine Markierung umwandeln, aber es kann die sich wiederholende Exportarbeit eliminieren, sobald Sie eine geeignete Quelle haben.
Apple-Touch-Symbole und Android-Symbole bedienen unterschiedliche Oberflächen
Apple Touch-Symbole werden für Verknüpfungsoberflächen von Apple-Geräten verwendet. Android-fähige Symbole unterstützen verwandte Installations- und Verknüpfungsanwendungsfälle auf Android-orientierten Oberflächen.
Diese Dateien werden leicht vergessen, da sie bei einer normalen Desktop-Browserprüfung nicht immer sichtbar sind. Die Website kann in einem Tab gut aussehen, obwohl wichtige Elemente fehlen, nachdem jemand sie auf dem Startbildschirm eines Geräts gespeichert hat. Bei einem Komplettpaket ist das weniger wahrscheinlich.
Wenn Sie entscheiden, ob ein Apple Touch-Symbol von einem Favicon getrennt ist, lesen Sie Apple Touch Icon vs. Favicon: Was sollte eine moderne Website enthalten?.
Das Manifest verbindet App-ähnliche Oberflächen miteinander
Ein Starter site.webmanifest gibt einer Web-App oder Website einen Ort zum Beschreiben von Symbolen und zugehörigen Anzeigemetadaten. Es ist kein Ersatz für die Symboldateien selbst. Es zeigt auf sie, sodass kompatible Oberflächen erkennen können, welche Assets verfügbar sind.
Aus diesem Grund enthält Converty ein Starter-Manifest im Paket. Die generierte Datei bietet Ihnen einen praktischen Ausgangspunkt, Sie müssen die Assets jedoch noch in Ihrem Projekt platzieren und in Ihrer Site-Einrichtung darauf verweisen.
Eine praktische Checkliste für Favicon-Pakete
Ein fokussiertes Favicon-Paket sollte normalerweise Folgendes enthalten:
favicon.ico- Mehrere PNG-Symbolgrößen
- Ausgabe von Apple Touch-Symbolen
- Android-fähige Symbolausgabe
- ein Starter
site.webmanifest
Dies reicht für viele kleine Websites, SaaS-Einführungen, Marketingseiten und Dokumentationsprojekte. Spezialisiertere Setups erfordern möglicherweise zusätzliche plattformspezifische Ressourcen, aber das gemeinsame Paket nimmt Ihnen die Routinearbeit ab.
Öffnen Sie den Favicon/App Icon Generator, wenn Sie ein quadratisches Quellbild haben und die allgemeinen Favicon-Paketdateien in einem Export gebündelt benötigen. Für den umfassenderen Arbeitsablauf lesen Sie So generieren Sie ein vollständiges Favicon-Paket aus einem Bild.
