Zum Inhalt springen
pixvertoPixverto

Favicon-Generator

Wähle ein quadratisches Logo und lade ein komplettes Favicon-Paket herunter: favicon.ico, PNGs in 16 und 32 px, Apple Touch Icon, Android-Icons, ein Web-Manifest und das HTML zum Einfügen in deine Seite.

Bild-Dateien hier ablegen

klicken, um Dateien auszuwählen, oder mit Strg/⌘ + V einfügen

Deine Dateien verlassen dieses Gerät nie

  • Kein Upload
  • Keine Anmeldung
  • 100 % kostenlos
  • Funktioniert offline

Was im Paket steckt

favicon.ico (16, 32 und 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest und html-snippet.txt.

Kopiere die Dateien in das Hauptverzeichnis deiner Website und füge den Inhalt von html-snippet.txt im <head> deiner Seiten ein.

So bekommst du ein scharfes Favicon

Beginne mit einem quadratischen Bild von mindestens 512 × 512 Pixeln. Halte das Design kräftig und einfach und lass etwas Luft an den Rändern. Transparente Hintergründe funktionieren gut im Browser-Tab, aber iOS füllt transparente Bereiche des Touch-Icons mit Schwarz – nimm für dieses Icon daher einen einfarbigen Hintergrund, wenn dir das wichtig ist.

Häufig gestellte Fragen

Werden meine Fotos auf euren Server hochgeladen?

Nein. Die Konvertierung läuft vollständig in deinem Browser auf deinem eigenen Gerät ab. Deine Dateien werden weder an uns noch an Dritte gesendet – deshalb funktioniert es auch für private Fotos und große Stapel. Sobald die Seite fertig geladen ist, kannst du sogar die Internetverbindung trennen und das Tool arbeitet weiter.

Kann ich ein SVG-Logo verwenden?

Ja. SVG wird in jeder Größe neu gerendert, die Icons bleiben daher scharf.

Muss ich site.webmanifest trotzdem bearbeiten?

Ja, trage Namen und Kurznamen deiner Website ein und passe die Farben an, wenn deine Seite auf Smartphones installierbar sein soll.