Favicon-Generator aus Bild
Verwandeln Sie jedes PNG, SVG, JPG oder sogar einen Buchstaben in ein komplettes Favicon-Paket — ein mehrgrößiges favicon.ico, PNG-Icons, ein apple-touch-icon und ein site.webmanifest, alles in einer ZIP-Datei. Kein Upload, keine Anmeldung — es läuft in Ihrem Browser.
#FFFFFFForm & Hintergrund
#0D9488ZIP enthält favicon.ico, alle PNG-Größen, apple-touch-icon, PWA-Icons & site.webmanifest.
HTML zum Einfügen in <head>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Warum diesen Favicon-Maker verwenden
Nichts wird hochgeladen
Ihr Bild wird vollständig in Ihrem Browser gelesen und konvertiert. Die .ico-, PNG- und ZIP-Dateien werden lokal erstellt — Ihr Logo berührt niemals einen Server.
Jede Größe, ein Klick
Ein einzelnes Bild wird zu 16, 32, 48, 96, 180, 192 und 512px Icons plus einem echten mehrgrößigen favicon.ico — kein manuelles Skalieren.
Copy-Paste HTML
Erhalten Sie ein fertiges <head> Snippet und ein site.webmanifest, damit das Favicon in Browser-Tabs, auf iOS und als installierte PWA funktioniert.
SVG bleibt scharf
Vektor-SVGs werden in voller Auflösung für jede Größe rasterisiert, sodass Ihr Favicon von einem 16px Tab bis zu einem 512px Home-Screen-Icon scharf aussieht.
Form & Hintergrund
Gestalten Sie es quadratisch, abgerundet oder kreisförmig, wählen Sie einen festen oder transparenten Hintergrund und fügen Sie Polsterung hinzu — alles in einer Live-Vorschau, die einen echten Tab nachahmt.
Kostenlos & keine Anmeldung
Kein Konto, keine E-Mail, kein Wasserzeichen und keine Begrenzung. Erstellen Sie so viele Favicons, wie Sie möchten — kostenlos für persönliche und kommerzielle Websites.
So erstellen Sie ein Favicon aus einem Bild
Fügen Sie Ihr Bild hinzu
Legen Sie ein PNG, SVG, JPG oder WebP ab — ein quadratisches Logo von etwa 512×512px liefert das schärfste Ergebnis. Kein Bild? Verwenden Sie den Text-Tab.
Wählen Sie eine Form
Behalten Sie es quadratisch oder wechseln Sie zu abgerundet oder kreisförmig, wählen Sie einen festen oder transparenten Hintergrund und passen Sie die Polsterung an.
Überprüfen Sie die Vorschau
Sehen Sie Ihr Favicon in 16, 32, 48, 180 und 512px neben einem simulierten Browser-Tab, sodass Sie wissen, dass es klar bleibt, wenn es klein ist.
Herunterladen & installieren
Klicken Sie auf Download ZIP, legen Sie die Dateien in das Stammverzeichnis Ihrer Website und fügen Sie das HTML-Snippet in Ihr <head> ein.
Über Favicons
Ein Favicon-Generator ist ein kostenloses Online-Tool, das ein Bild — ein PNG, SVG, JPG oder WebP — oder einen kurzen Text in das kleine Symbol verwandelt, das in Browser-Tabs, Lesezeichen, Verlauf und Suchergebnissen erscheint, alles direkt in Ihrem Browser ohne Upload und ohne Anmeldung. Anstatt ein einzelnes Bild zu erzeugen, erstellt es ein komplettes Favicon-Paket: ein mehrgrößiges favicon.ico, einzelne PNG-Icons, ein Apple Touch-Icon, Android / PWA-Icons und ein site.webmanifest, gebündelt in einer ZIP-Datei mit einem bereit zum Einfügen HTML-Snippet.
Das Wort favicon ist eine Abkürzung für "Favoriten-Icon". Moderne Browser verlassen sich nicht mehr auf eine feste Größe — ein Tab auf einem hochauflösenden Bildschirm, eine angeheftete Verknüpfung, ein iOS-Home-Screen-Icon und eine installierte Progressive Web App verlangen jeweils eine andere Auflösung. Deshalb reicht ein gutes Favicon-Set von einem 16×16px Tab-Icon bis zu einem 512×512px PWA-Icon. Dieses Tool generiert jede dieser Größen aus einem einzigen Upload, sodass Sie niemals einen Bildbearbeitungsprogramm öffnen oder etwas manuell skalieren müssen.
Die klassische favicon.ico Datei ist besonders, weil sie mehrere Auflösungen in einer Datei halten kann; dieser Generator packt 16, 32 und 48px Versionen in die ICO, sodass ältere Browser und Windows-Verknüpfungen immer eine Größe finden, die ihnen gefällt. Die PNG-Icons decken alles Neuere ab: favicon-32x32.png und favicon-16x16.png für Tabs, apple-touch-icon.png mit 180px für iPhones und iPads sowie android-chrome-192x192.png und android-chrome-512x512.png, die im Web-Manifest für Android und installierbare Apps referenziert werden.
Für das beste Ergebnis beginnen Sie mit einem quadratischen, hochkontrastierenden Bild — ein Logo-Symbol funktioniert viel besser als ein Wortzeichen, da feine Details und kleiner Text bei 16px verschwinden. Verwenden Sie die Formsteuerung, um die Ecken abzurunden oder auf einen Kreis zuzuschneiden, fügen Sie eine Hintergrundfarbe hinzu, wenn Ihr Logo eine Transparenz hat, die auf einem weißen Tab verschwinden würde, und schieben Sie die Polsterung, damit das Icon nicht an den Rändern gedrängt wird. Die Live-Vorschau zeigt das Icon in echter Tab-Größe neben einem simulierten Browser-Chrome, was der schnellste Weg ist, um zu erkennen, ob Ihr Design auch in kleiner Größe lesbar bleibt.
Da alles lokal mit der Canvas-API geschieht, verlässt Ihr Bild niemals Ihr Gerät — praktisch für unveröffentlichte Marken und vertrauliche Logos. Die Favicons, die Sie erstellen, sind kostenlos für persönliche und kommerzielle Nutzung ohne erforderliche Namensnennung, und es gibt keine Begrenzung, wie viele Sie generieren. Sobald Sie die ZIP haben, laden Sie die Dateien in das Stammverzeichnis Ihrer Website hoch, fügen Sie die bereitgestellten Links in den <head> jeder Seite ein und leeren Sie den Cache, um das neue Icon erscheinen zu sehen.
Häufig gestellte Fragen
Ist dieser Favicon-Generator kostenlos und wird mein Bild hochgeladen?
Ja, es ist völlig kostenlos ohne Anmeldung oder Wasserzeichen. Ihr Bild wird niemals hochgeladen — das Favicon, die .ico-Datei und die ZIP werden alle in Ihrem Browser mit JavaScript generiert, sodass Ihre Datei niemals Ihr Gerät verlässt.
Wie erstelle ich ein Favicon aus einem PNG oder Bild?
Ziehen Sie ein PNG, JPG, SVG oder WebP auf das Tool (ein quadratisches Bild von mindestens 512×512px funktioniert am besten), passen Sie die Form, den Hintergrund und die Polsterung in der Live-Vorschau an und klicken Sie dann auf Download ZIP. Sie erhalten ein mehrgrößiges favicon.ico, PNG-Icons und ein site.webmanifest, bereit für Ihre Website.
Kann ich ein Favicon aus einer SVG erstellen?
Ja. Laden Sie eine SVG hoch und das Tool rasterisiert sie in jeder Favicon-Größe in Ihrem Browser, sodass die Icons scharf bleiben. SVG ist ideal, da es auf 512px ohne Unschärfe skaliert, bevor es in PNG und ICO exportiert wird.
Welche Dateien erhalte ich und wo soll ich sie hinlegen?
Die ZIP enthält favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, favicon-96x96.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png und site.webmanifest. Laden Sie sie in das Stammverzeichnis Ihrer Website hoch und fügen Sie das bereitgestellte HTML-Snippet in den <head> Ihrer Seiten ein.
Was ist die beste Favicon-Größe?
Beginnen Sie mit einem großen quadratischen Bild, idealerweise 512×512px. Browser verwenden 16 und 32px in Tabs, Apple-Geräte verwenden ein 180px Touch-Icon, und Android / PWA-Installationen verwenden 192 und 512px. Dieser Generator erstellt jede Größe für Sie aus einem einzigen Upload, sodass Sie nichts manuell skalieren müssen.
Kann ich ein Favicon aus Text oder einem Emoji erstellen?
Ja. Wechseln Sie zum Text-Tab, geben Sie einen Buchstaben, ein paar Zeichen oder ein Emoji ein, wählen Sie die Text- und Hintergrundfarben aus, und das Tool rendert es als Favicon in jeder Größe — perfekt, wenn Sie noch kein Logo haben.