Favicon-Generator
Bild oder Buchstabe angeben; favicon.ico, PNG-Größen, Apple-Symbol und Head-Tags als ZIP laden.
Tool
Ein Favicon ist das kleine Symbol, das Ihre Website im Browser-Tab, in Lesezeichen und auf dem Startbildschirm eines Telefons vertritt. Das Werkzeug beginnt auf zwei Wegen: Sie laden ein Bild als PNG, JPG, WebP oder SVG hoch oder zeichnen aus ein bis zwei Buchstaben oder einem Emoji ein Symbol, mit Hintergrundfarbe, Schriftfarbe, Eckenradius und Schriftstärke. Ausgegeben werden eine favicon.ico mit 16, 32 und 48 Pixeln, PNGs mit 16 und 32 Pixeln, ein apple-touch-icon mit 180 Pixeln, Android-Symbole mit 192 und 512 Pixeln, ein maskierbares 512er-Symbol und eine site.webmanifest.
Bei einem nicht quadratischen Bild wählen Sie zwischen mittigem Zuschneiden und Einpassen mit Hintergrundfarbe als Füllung. Die Vorschau zeigt das Symbol auf hellem und dunklem Tab-Hintergrund sowie auf einem Startbildschirm. Die Tags für den Head und den Manifest-Text liefert das Werkzeug in kopierbaren Feldern. Sie können jede Datei einzeln oder alles als ein ZIP herunterladen. Beim maskierbaren Symbol wird der Inhalt in einen sicheren Bereich verkleinert, damit beschnittene Ränder ihn nicht abschneiden.
Ist Ihre Vorlage kleiner als 512 Pixel, wirken die großen Größen unscharf; das Werkzeug weist darauf hin. Ein detailliertes Logo ist bei 16 Pixeln nicht lesbar, eine schlichte Form oder ein einzelner Buchstabe funktioniert in dieser Größe besser. Browser speichern Favicons im Cache, daher kann ein neues Symbol nach der Veröffentlichung verzögert erscheinen. Das Werkzeug erzeugt die Dateien; sie auf der Website einzubinden und Adressen und Pfade zu prüfen, liegt bei Ihnen oder Ihrer Entwicklerin.
Häufige Fragen
Welche Dateien und Größen werden erzeugt?
Die favicon.ico enthält Bilder mit 16, 32 und 48 Pixeln. Dazu kommen favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, ein maskierbares 512er-Symbol und site.webmanifest.
Wird mein hochgeladenes Bild irgendwohin gesendet?
Nein. Das Bild wird nur in Ihrem Browser verarbeitet, nicht über das Netz gesendet und nicht gespeichert. Beim Schließen der Seite gehen Bild und erzeugte Dateien verloren, laden Sie das ZIP also vorher herunter.
Wie groß sollte meine Vorlage sein?
Am besten ist ein quadratisches Bild mit mindestens 512 Pixeln. Ist es kleiner, werden die großen Größen unscharf, und das Werkzeug warnt Sie. Bei einer SVG-Datei gibt es kein Größenproblem.
Warum zeigt meine Website noch das alte Favicon?
Browser speichern Favicons im Cache, eine Änderung erscheint deshalb nicht sofort. Versuchen Sie ein hartes Neuladen oder schließen und öffnen Sie den Tab, und prüfen Sie Dateinamen und Pfade in den Head-Tags.
