Favicon-Generator
Verwandeln Sie ein Bild in ein vollständiges Favicon-Set in jeder gängigen Größe, plus einen einfügefertigen HTML-Snippet. Alles in Ihrem Browser.
Ein Bild hierher ziehen
oder
So generieren Sie ein Favicon-Set
- Ziehen Sie ein Bild in den Upload-Bereich oder klicken Sie, um es von Ihrem Gerät auszuwählen.
- Das Tool macht Ihr Bild quadratisch und zentriert es und rendert anschließend jede gängige Favicon-Größe.
- Laden Sie jedes PNG einzeln herunter oder nutzen Sie Alle herunterladen, um das gesamte Set zu erhalten.
- Kopieren Sie den HTML-Snippet in den Head-Bereich Ihrer Website.
FAQ
Wird mein Bild auf einen Server hochgeladen?
Nein. Die Favicons werden vollständig in Ihrem Browser mithilfe der Canvas-API generiert, sodass Ihr Bild Ihr Gerät niemals verlässt.
Welche Größen erzeugt der Generator?
Er erzeugt PNG-Dateien in 16x16, 32x32, 48x48, 180x180 (apple-touch-icon), 192x192 und 512x512 - die gängigsten Größen, die moderne Browser anfordern.
Was ist, wenn mein Bild nicht quadratisch ist?
Das Bild wird verkleinert, um in eine quadratische Fläche zu passen, und zentriert, mit transparentem Raum an den Seiten, sodass das Ergebnis weiterhin als Icon funktioniert.
Ist das Tool kostenlos nutzbar?
Ja. Jedes Handio-Tool ist kostenlos, ohne Anmeldung, ohne Limits und ohne Wasserzeichen.
Ähnliche Tools
Warum ein Favicon-Set generieren?
Browser fordern Favicons in mehreren Größen für Tabs, Lesezeichen und Startbildschirme an. Ein vollständiges Set lässt Ihre Website überall scharf aussehen statt unscharf durch ein einzelnes skaliertes Bild.
- Decken Sie jede Größe ab, die ein Browser anfordern könnte, von 16px-Tabs bis zu 512px-Icons.
- Stellen Sie das apple-touch-icon bereit, das iOS-Startbildschirme verwenden.
- Erhalten Sie das exakte HTML-Markup zum Einfügen in den Head-Bereich Ihrer Website.
Tipps und Limits
Beginnen Sie mit einem einfachen, kontrastreichen Bild, da feine Details bei 16px verloren gehen. Die PNG-Ausgabe behält die Transparenz, und das 180px-apple-touch-icon sollte eine gefüllte Form ohne transparente Ränder sein. Alles läuft lokal in Ihrem Browser.