bloqyDokumentation

Werkzeuge

Favicon und App-Icon

Das Symbol für den Browser-Tab und den Startbildschirm aus einem Bild erzeugen.

Das Favicon ist das kleine Symbol im Browser-Tab und in den Lesezeichen. Das App-Icon erscheint, wenn jemand die Website auf dem Startbildschirm seines Smartphones ablegt. Beide erzeugt der Favicon-Generator unter Tools aus einem einzigen Bild.

Das passende Bild

  • PNG, JPG oder WebP mit mindestens 512 Pixel Breite, oder eine SVG-Datei
  • am besten quadratisch – andere Formate werden ohne Zuschnitt eingepasst
  • einfach und gut erkennbar, auch ganz klein: meist das Bildzeichen des Logos, nicht das ganze Logo mit Schrift

Icons erzeugen

  1. Öffne Tools → Favicon-Generator.
  2. Wähle bei Bild über das Ordner-Symbol ein Bild aus der Mediathek oder lade eines hoch.
  3. Lass Als Favicon und App-Icon der Website verwenden angehakt. (Diese Option sehen nur Benutzer mit Zugriff auf die allgemeinen Einstellungen. Fehlt sie, bitte deinen Administrator, die Icons danach einzutragen.)
  4. Klicke auf Icons erzeugen.

Darunter siehst du eine Vorschau im Browser-Tab und auf dem Startbildschirm sowie alle erzeugten Dateien. Sie liegen in der Mediathek im Ordner „icons/site“.

Favicon-Generator mit Bildauswahl und Button Icons erzeugen
Der Favicon-Generator
Tipp

Browser speichern Favicons hartnäckig. Siehst du nach dem Erzeugen noch das alte Symbol, öffne die Website in einem privaten Fenster.