Kostenloser Favicon-Generator aus Text
Dieser kostenlose Favicon-Generator wandelt ein bis drei Buchstaben oder Ziffern in ein kleines Website-Icon um: Gib deine Initialen ein, wähle eine Kachelfarbe, Textfarbe und Form, und erhalte PNG-Icons in 16, 32, 180 und 512 Pixeln plus die HTML-Tags zum Einfügen in deinen Seiten-Head. Es ist kein Upload, keine Anmeldung erforderlich und nichts wird gespeichert.
Favicon aus Text
Images
Über dieses Tool
Ein Favicon ist das winzige Icon in einem Browser-Tab, einer Lesezeichenliste und bei einigen Websites in den Suchergebnissen. Eine Website ohne Icon zeigt einen leeren Globus und wirkt unvollständig. Wenn du noch kein Logo hast, ist ein fetter Anfangsbuchstabe auf einer einfarbigen Kachel ein sauberer, lesbarer Platzhalter, den du in unter einer Minute erstellen kannst.
Gib ein bis drei Buchstaben oder Zahlen ein, wähle die Kachelfarbe und die Textfarbe, wähle eine quadratische, abgerundete oder kreisförmige Form, und das Tool zeichnet alle vier Größen. 16 und 32 Pixel werden in Browser-Tabs verwendet, 180 Pixel ist das Apple-Touch-Icon für iPhone-Startbildschirme, und 512 Pixel ist das große Icon, das Web-App-Manifeste benötigen. Ein einzelner Buchstabe ist bei 16 Pixeln am besten lesbar, daher halte den Text kurz und den Kontrast hoch.
Nach dem Download der Icons lade sie in das Stammverzeichnis deiner Website hoch und füge die Link-Tags in den Head jeder Seite ein. Suchmaschinen fordern normalerweise ein Icon in Vielfachen von 48 Pixeln an. Stelle daher für Google-Suchergebnisse auch eine 48-Pixel- oder größere Version bereit. Die Schriftart deckt lateinische Buchstaben und Zahlen ab. Emoji und andere Schriftsysteme werden nicht unterstützt. Für ein Icon aus einem vorhandenen Logo-Bild verwende den Favicon-Generator.
Häufig gestellte Fragen
Welche Favicon-Größen benötige ich?
Ein 32-Pixel-PNG deckt die meisten Browser-Tabs ab, 16 Pixel ist die klassische kleine Größe, 180 Pixel ist das Apple-Touch-Icon für iPhone-Startbildschirme, und 512 Pixel wird von Web-App-Manifesten verwendet. Dieses Tool exportiert alle vier, damit du auswählen kannst, was deine Website benötigt.
Wie viele Buchstaben funktionieren am besten?
Ein Buchstabe ist bei 16 Pixeln am besten lesbar. Zwei Buchstaben funktionieren, wenn du ein kräftiges, kontrastreiches Farbpaar wählst. Drei Buchstaben werden in einem Browser-Tab schwer lesbar, daher verwende sie nur, wenn das Icon größer angezeigt wird, z. B. auf einem Telefon-Startbildschirm.
Kann ich ein Emoji als Icon verwenden?
Nicht hier. Die Schriftart, die zum Zeichnen der Buchstaben verwendet wird, hat keine Emoji, daher werden Emoji entfernt. Wenn du ein Emoji-ähnliches Icon möchtest, erstelle es in einem Design-Tool oder lade ein Logo-Bild in den Favicon-Generator hoch, der dein eigenes Bild in den vollständigen Icon-Satz umwandelt.
Wie füge ich den Favicon zu meiner Website hinzu?
Lade die PNG-Dateien in dein Website-Stammverzeichnis hoch und füge dann die in den Ergebnissen angezeigten Link-Tags in den Head-Bereich jeder Seite ein. In WordPress kannst du auch ein Website-Icon im Customizer festlegen. Nach der Änderung leere deinen Browser-Cache, da Browser alte Icons lange speichern.
Wird etwas auf deinem Server gespeichert?
Nein. Die Icons werden aus den Buchstaben und Farben gezeichnet, die du eingibst, und direkt an die Seite zurückgesendet. Nichts wird gespeichert oder geteilt. Die PNG-Dateien existieren nur auf deiner Browser-Seite, daher lade sie herunter, bevor du die Seite verlässt oder neu lädst.