Favicon-Generator
Aus einem Bild ein Favicon-PNG-Set in 16, 32, 48 und 180 px plus HTML-Tags auf einmal erstellen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Laden Sie ein Logo oder Bild hoch, und das Tool erstellt per Canvas ein Favicon-PNG-Set in 16, 32, 48 und 180 px für Browser-Tab, Lesezeichen und den mobilen Startbildschirm, das Sie einzeln herunterladen können. Die Link-Tags zum Einfügen in den HTML-<head> werden gleich mitgeliefert, sodass Sie sie nur zu kopieren brauchen.
Anleitung
- Ziehen Sie ein möglichst quadratisches Bild hinein oder laden Sie es per Klick hoch.
- Wählen Sie, ob der transparente Hintergrund erhalten bleibt oder mit einer Farbe gefüllt wird (bei Apple-Icons empfiehlt sich eine Hintergrundfarbe).
- Speichern Sie die erzeugten Favicons in 16, 32, 48 und 180 px jeweils über die Download-Schaltfläche.
- Kopieren Sie die bereitgestellten HTML-Link-Tags und fügen Sie sie in den <head> Ihrer Website ein.
FAQ
- Warum als PNG und nicht als .ico?
- Alle aktuellen Browser unterstützen PNG-Favicons, und ein PNG-Set mit angegebenen sizes ist auf verschiedenen Bildschirmen schärfer. 16, 32 und 48 px sind für Tab und Lesezeichen, 180 px für den iOS-Startbildschirm (apple-touch-icon).
- Mein Apple-Touch-Icon erscheint schwarz.
- iOS füllt die transparenten Bereiche des apple-touch-icon mit Schwarz. Deaktivieren Sie „Transparenten Hintergrund beibehalten" und wählen Sie eine Hintergrundfarbe wie Weiß, dann sieht es auch auf dem iOS-Startbildschirm sauber aus.
- Wird das hochgeladene Bild an einen Server gesendet?
- Nein. Bildskalierung und PNG-Erzeugung laufen komplett im Canvas des Browsers ab, die Datei wird nicht auf einen Server hochgeladen oder gespeichert.