Favicon Generator

Ein Favicon ist ein wesentliches Element für jede moderne Website. Anstelle einer einzigen veralteten 16x16-Symboldatei erfordert der heutige Standard ein umfassendes Set: ein skalierbares favicon.svg für moderne Browser, ein apple-touch-icon.png für iOS-Geräte, 192px/512px-Symbole für Android/PWAs und ein Fallback-favicon.ico.

Mit diesem Favicon-Generator können Sie dieses komplette moderne Set sofort aus jedem Bild, Text oder Emoji erstellen. Die gesamte Bildverarbeitung und Dateigenerierung wird sicher und vollständig in Ihrem Browser ausgeführt – es werden keine Daten auf unsere Server hochgeladen.

Favicon

Ein kleines Symbol, das mit einer bestimmten Website oder Webseite verbunden ist. Es hilft Benutzern, Ihre Website in einer überfüllten Browser-Tab-Leiste oder Lesezeichenliste leicht zu identifizieren.

.ico Format

Das traditionelle Bildformat für Favicons. Sein Hauptvorteil ist die Möglichkeit, mehrere Auflösungen (z.B. 16x16, 32x32) in einer einzigen Datei zu speichern.

Apple Touch Icon

Ein Symbol, das angezeigt wird, wenn ein Benutzer Ihre Website zum Startbildschirm seines iOS-Geräts (iPhone/iPad) hinzufügt. Die Standardgröße ist ein 180x180 PNG-Bild.

SVG Favicon

Ein skalierbares, vektorbasiertes Symbol. Es bleibt in jeder Größe perfekt scharf und kann eingebettetes CSS verwenden, um die Farben dynamisch zu ändern, je nachdem, ob sich das System des Benutzers im Dark Mode oder Light Mode befindet.

Web App Manifest

Eine JSON-Datei, die Informationen über eine Webanwendung bereitstellt und dem Browser mitteilt, wie er sich verhalten soll, wenn sie auf dem Desktop oder Mobilgerät (PWA) des Benutzers installiert ist. Sie definiert den Namen der App, Themenfarben und Symbole.

Q.Werden hochgeladene Bilder auf einem Server gespeichert?

Nein, sie werden nicht gespeichert. Die gesamte Verarbeitung und die Erstellung der Favicons erfolgen vollständig lokal in Ihrem Browser, sodass Ihre Daten niemals an einen externen Server gesendet werden.

Q.Welche Favicon-Größen werden heute empfohlen?

Die aktuelle Best Practice ist es, ein favicon.ico für ältere Browser, favicon.svg für moderne Browser, ein apple-touch-icon.png (180px) für iOS und 192px/512px Icons für Android/PWA bereitzustellen.

Q.Kann ich den Hintergrund transparent machen?

Ja. Wenn Ihr Originalbild ein transparentes PNG oder SVG ist, aktivieren Sie 'Transparenter Hintergrund'. Sie können auch transparente Favicons aus Text oder Emojis erstellen.

Q.Was macht die Dark Mode SVG-Funktion?

Sie wechselt automatisch den Hintergrund oder das Design des Favicons, wenn das Betriebssystem/der Browser des Benutzers auf Dark Mode eingestellt ist, indem spezifische CSS-Media-Queries in die SVG-Datei eingebettet werden.

Q.Sind aus Text oder Emojis erstellte Favicons für die kommerzielle Nutzung kostenlos?

Ja, die hier erstellten Favicons sind für die kommerzielle Nutzung völlig kostenlos. Beachten Sie jedoch, dass systemeigene Emojis je nach Betriebssystem-Schriftarten des Benutzers unterschiedlich gerendert werden.