Ein Logo rein, ein ZIP raus: favicon.ico, Apple- und Android-PNGs sowie der HTML-Code zum Einfügen.
favicon.ico (16, 32 und 48 in einer Datei), favicon-16/32/48.png, apple-touch-icon.png (180, iOS-Home-Bildschirm), icon-192.png und icon-512.png (Android und PWA), site.webmanifest sowie die -Zeilen für den Head-Bereich. Alles in einer einzigen ZIP-Datei.
Ein quadratisches PNG mit mindestens 512 px oder eine SVG-Datei. Eine breite Wortmarke wird zentriert mit leeren Rändern dargestellt, weshalb ein eigenständiges Symbol bei 16 px deutlich besser erkennbar bleibt; Buchstaben sind in dieser Größe unlesbar.
Transparente Hintergründe wirken in Tabs und Lesezeichen natürlich, während iOS transparente Bereiche von Home-Bildschirm-Icons mit einer deckenden Farbe (oft Schwarz) füllen kann – hier ist das Festlegen eines Hintergrunds sicherer. iOS rundet die Ecken selbst ab, weshalb das apple-touch-icon üblicherweise quadratisch bleibt. iOS, Android und Windows sind Marken von Apple, Google bzw. Microsoft; Keepdesk steht in keiner Verbindung zu diesen Unternehmen und wird von ihnen weder gesponsert noch unterstützt.
Die Dateien im Stammverzeichnis der Website (/) ablegen und die Zeilen aus snippet.html in einfügen. Falls das alte Icon aufgrund von Caching weiterhin angezeigt wird, ?v=2 an die URLs anhängen.
Nein. Größenanpassung, ICO-Erstellung und ZIP-Kompression finden vollständig im Browser statt.
Jedes SVG, das der Browser darstellen kann. Bei SVGs, die auf externe Schriftarten oder Bilder verweisen, können diese Elemente verloren gehen.
PNG-in-ICO wird von modernen Browsern und aktuellen Windows-Versionen gelesen, sehr alte Umgebungen können jedoch nur BMP-basierte ICOs verarbeiten. Für diese Fälle empfiehlt es sich, favicon-32.png zusätzlich bereitzustellen.
Enthalten ist eine ZIP-Datei mit einer favicon.ico in mehreren Größen, verschiedenen PNG-Icons, einem Webmanifest und den erforderlichen HTML-Link-Snippets.
Ja, für das Icon kann zwischen quadratisch, abgerundet oder kreisförmig gewählt werden.
Nein, Hintergründe werden nicht entfernt. Bitte vorab ein Tool zur Hintergrundentfernung verwenden, wenn eine transparente Quelldatei benötigt wird.
Ja, es kann ein Innenabstand von 0 %, 8 % oder 15 % gewählt werden, damit das Icon an den Rändern nicht abgeschnitten wird.