Favicon-Generator
favicon.ico, Apple Touch Icon, Android-Icons und Manifest aus einem einzigen Bild erstellen.
Über das Tool Favicon-Generator
Ein komplettes Favicon-Set braucht mehrere Dateien: favicon.ico für Browser und Google, ein 180×180 px großes Apple Touch Icon für iPhone- und iPad-Startbildschirme, 192- und 512-px-Icons für Android und installierbare Web-Apps sowie ein Web-Manifest, das sie auflistet – plus die passenden Tags in Ihrem HTML.
Laden Sie ein quadratisches Bild hoch (ein PNG- oder SVG-Logo mit mindestens 512 px eignet sich am besten), und dieser Generator erstellt jede Datei direkt in Ihrem Browser: eine favicon.ico mit 16, 32 und 48 px, das Apple Touch Icon, die Android-Icons und site.webmanifest. Wählen Sie Hintergrund und Innenabstand, sehen Sie sich das Ergebnis an und laden Sie alles als eine ZIP-Datei herunter – zusammen mit dem HTML für Ihren <head>. Ihr Bild wird nie hochgeladen.
Häufige Fragen
Welches Bild sollte ich verwenden?
Ein quadratisches Logo oder Symbol, idealerweise ein PNG mit transparentem Hintergrund oder ein SVG, mindestens 512×512 px. Einfache Formen bleiben bei 16 px erkennbar, detaillierte Logos und langer Text nicht.
Wohin lade ich die Dateien hoch?
Laden Sie sie in das Stammverzeichnis Ihrer Website (denselben Ordner wie Ihre Startseite) und fügen Sie das HTML in den <head> jeder Seite ein – oder in die Einstellungen Ihres Themes bzw. CMS.
Warum ist das Apple-Icon nicht transparent?
iOS zeigt transparente Bereiche schwarz an. Deshalb füllt der Generator das Apple Touch Icon mit Ihrer Hintergrundfarbe (Weiß, wenn Sie transparent gewählt haben).