Joy of Tools

Favicon erstellen

Logo oder Bild hinzufügen und ein komplettes Favicon-Set herunterladen.

Deine Dateien und Texte werden nicht hochgeladen. Alles passiert auf dieser Seite.

oder hierher ziehen

Am besten passt ein quadratisches Bild mit 512 px oder mehr. Du kannst auch eines mit Strg+V einfügen.

So geht es

  1. Füge ein quadratisches Bild hinzu, am besten mit 512 px oder mehr.
  2. Wähle Hintergrund und Rand und prüfe, wie es im Browser-Tab aussieht.
  3. Lade die Icons oder das ZIP herunter und füge den Code in den head deiner Seite ein.

Häufige Fragen

Wie groß sollte mein Ausgangsbild sein?

Nimm ein quadratisches Bild mit mindestens 512 x 512 px. Andere Formen gehen auch, aber die Mitte wird quadratisch zugeschnitten. Kleine Bilder lassen große Icons unscharf wirken.

Welche Dateien bekomme ich und wohin damit?

favicon.ico (16, 32 und 48 px), zwei PNG-Tab-Icons, ein Apple-Touch-Icon mit 180 px und Icons mit 192 und 512 px für Android. Lege sie ins Hauptverzeichnis deiner Website und füge den Code in den head jeder Seite ein.

Wozu dienen Hintergrund und Rand?

Ein transparentes Icon kann in einem dunklen Browser-Tab verschwinden. Ein einfarbiger Hintergrund verhindert das, und der Rand hält dein Logo von den runden Ecken fern, die iPhones bei Home-Bildschirm-Icons anwenden.

Wird mein Logo irgendwo hochgeladen?

Nein. Die Icons entstehen auf dieser Seite, dein Bild bleibt auf deinem Gerät.

Weitere Tools