Favicon aus Text erstellen

Erstelle ein sauberes Favicon aus ein bis drei Buchstaben, etwa deinen Initialen oder dem ersten Buchstaben deiner Marke, ganz ohne Grafikprogramm.

Deine Dateien bleiben auf deinem Gerät. Alles läuft in deinem Browser.

So funktioniert es

  1. Buchstaben eingebenEin bis drei Buchstaben, zum Beispiel deine Initialen.
  2. Farben und Form wählenText- und Hintergrundfarbe, quadratisch, abgerundet oder rund.
  3. Paket herunterladenLade die Dateien auf deinen Server und füge den HTML-Code ein.

Buchstaben sind starke Favicons

Ein einzelner kräftiger Buchstabe auf farbigem Hintergrund gehört zu den am besten lesbaren Icons in einer vollen Tab-Leiste. Gib ein bis drei Zeichen ein, wähle Schriftart, Textfarbe und Hintergrund, und entscheide dich für eine quadratische, abgerundete oder runde Form.

Die Buchstaben werden automatisch so groß gesetzt, dass sie das Icon füllen, und jede Dateigröße wird einzeln gezeichnet, damit sie auch bei 16 Pixeln scharf bleibt.

Bereit für deine Website

Der Download enthält favicon.ico, PNG-Icons, das Apple Touch Icon, Android-Icons und eine Manifest-Datei. Füge den HTML-Code in den head deiner Seiten ein, und du bist fertig.

Häufige Fragen

Welche Buchstaben eignen sich am besten?

Ein oder zwei kräftige Großbuchstaben mit starkem Kontrast.

Kann ich andere Schriftsysteme verwenden?

Ja. Alle Zeichen, die dein Gerät anzeigen kann, funktionieren, auch nicht lateinische Schriften.

Wohin kommen die Dateien?

In das Hauptverzeichnis deiner Website, neben die index.html. Danach fügst du den HTML-Code in den head-Bereich ein.

Kann ich ein SVG-Logo verwenden?

Ja. SVG-Dateien werden in jeder Größe scharf gezeichnet.

Werden meine Dateien hochgeladen?

Nein. Alles wird in deinem Browser erstellt.