Favicon-Generator — favicon.ico und App-Icon-Set
Erstellt Icons in allen benötigten Größen für Browser-Tabs, den Smartphone-Startbildschirm und Suchergebnisse und liefert sie in einer ZIP-Datei.
Die Datei wird nicht an den Server übertragen — die Verarbeitung erfolgt ausschließlich im Browser dieses Geräts
Stärke
Form
App-Informationen (site.webmanifest)
In <head> einzufügendes HTML
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3182f6">
Dies gilt, wenn die Dateien aus dem ZIP im Stammverzeichnis (/) der Website abgelegt werden. Derselbe Code befindet sich auch in head.html.
Werbung
So verwenden Sie Favicon erstellen
- 1Laden Sie ein Bild hoch oder legen Sie Text/Emoji und Farbe fest.
- 2Prüfen Sie in der Vorschau, wie es in den verschiedenen Größen aussieht.
- 3Klicken Sie auf [ZIP herunterladen] und fügen Sie den angezeigten HTML-Code in <head> ein.
Häufig gestellte Fragen
Welches Ausgangsbild eignet sich am besten?
Am besten geeignet ist ein quadratisches PNG oder SVG mit mindestens 512×512. Bei kleinen Größen wirken einfache Formen am klarsten.
Reicht nicht einfach eine favicon.ico?
Für ältere Browser ausreichend, für den iPhone-Startbildschirm (180px) und Android (192/512px) wird jedoch zusätzlich ein PNG benötigt.
Werbung