Über dieses Tool
Ein Favicon ist das kleine Symbol im Browser-Tab, in einem Lesezeichen und auf dem Startbildschirm des Handys — und moderne Seiten brauchen es in mehreren Größen und Formaten. Dieser Generator baut den ganzen Satz aus einer einzigen Quelle: Laden Sie ein Logo hoch oder tippen Sie einen Buchstaben bzw. ein Emoji und wählen Sie einen Hintergrund, und er rendert scharfe Icons in 16, 32, 48, 180, 192 und 512 Pixeln.
Laden Sie das klassische Multi-Resolution-favicon.ico herunter, holen Sie sich die einzelnen PNGs und kopieren Sie die exakten link- und meta-Tags zum Einfügen in den head Ihrer Seite. Alles wird mit der Canvas API in Ihrem Browser gezeichnet — Ihr Bild wird nie hochgeladen.
Häufige Fragen
Wird mein hochgeladenes Bild an einen Server gesendet?
Nein. Jede Größe wird lokal auf einem HTML-Canvas gerendert — Ihr Bild verlässt den Browser nie.
Welche Größen brauche ich wirklich?
Das 16×16 und 32×32 decken das klassische Browser-Tab-Favicon ab, das 180×180 ist für das Apple-Touch-Icon (iOS-Homescreen), und 192×192/512×512 werden im Web-App-Manifest für Android/PWA-Installationen verwendet.
Brauche ich die .ico-Datei, oder reichen die PNGs?
Moderne Browser verwenden ein PNG-Favicon über ein link-Tag problemlos, aber favicon.ico lohnt sich weiterhin für ältere Browser, Lesezeichen und Tools, die es nur unter genau diesem Dateinamen suchen.
Warum wirkt mein bildbasiertes Icon in kleinen Größen unscharf?
Kleine Favicons haben nur sehr wenige Pixel zur Verfügung, wodurch feine Details verloren gehen. Beginnen Sie mit einem einfachen, kontrastreichen quadratischen Bild — Logos mit dünnen Linien oder viel Text überstehen eine Verkleinerung auf 16×16 selten unbeschadet.
Wie füge ich das generierte Favicon zu meiner Website hinzu?
Laden Sie die Dateien (oder die .ico) herunter, legen Sie sie im Root Ihrer Website ab und fügen Sie den Codeausschnitt aus 'Copy HTML' in den head-Bereich Ihrer Seite ein.