Zum Inhalt springen
EVOA Toolbox

Favicon-Generator

Machen Sie aus einem Bild ein komplettes Favicon-Paket: favicon.ico, PNG-Größen, Apple Touch Icon, Android-Icons, Web-Manifest und HTML-Tags.

Lokal in Ihrem Browser verarbeitet. Ihre Datei wird nicht hochgeladen.

Tool wird geladen…

Was dieses Tool macht

Laden Sie ein Logo oder Icon hoch und erhalten Sie alles, was eine moderne Website braucht: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, eine echte favicon.ico mit mehreren Größen, ein apple-touch-icon.png mit 180x180 Pixeln, die Android-Chrome-Icons mit 192x192 und 512x512, eine einfügefertige site.webmanifest und die passenden HTML-Link-Tags.

Sie können Innenabstand hinzufügen, eine quadratische, abgerundete oder runde Form wählen und den Hintergrund mit einer Farbe füllen oder transparent lassen. Jede Größe wird schrittweise verkleinert (mehrfaches Halbieren vor dem finalen Zeichnen), wodurch kleine Icons deutlich schärfer bleiben als bei einer einzigen starken Verkleinerung. Jede Größe hat eine eigene Vorschau und einen eigenen Download-Button, und das ZIP enthält alle Dateien samt einer snippet.txt, die erklärt, wo sie abgelegt werden.

Die ICO-Datei wird in Ihrem Browser mit eingebetteten PNG-Bildern für 16, 32 und 48 Pixel zusammengesetzt, einem Format, das alle aktuellen Browser und Windows lesen. Es wird nichts hochgeladen: Das Bild wird auf Ihrem Gerät dekodiert und auf einem Canvas gezeichnet.

So verwenden Sie es

  1. 1Fügen Sie ein Bild als PNG, SVG, JPG oder WebP hinzu. Ein quadratisches Bild ab 512x512 px liefert die besten Ergebnisse.
  2. 2Wählen Sie Form, Innenabstand und Hintergrund (transparent oder einfarbig). Die Vorschauen aller Größen werden sofort aktualisiert.
  3. 3Geben Sie für das Web-Manifest den App-Namen und die Designfarbe ein.
  4. 4Laden Sie einzelne Dateien oder das gesamte ZIP herunter.
  5. 5Kopieren Sie die Dateien in das Stammverzeichnis Ihrer Website und fügen Sie das HTML-Snippet in den <head> Ihrer Seiten ein.

Unterstützte Formate

Eingabe: PNG, SVG, JPG/JPEG und WebP. Ausgabe: PNG, ICO (16/32/48 px), site.webmanifest und ein Text-Snippet, gebündelt als ZIP.

Datenschutz

Dieses Tool läuft in Ihrem Browser. Die von Ihnen eingegebenen Daten werden auf Ihrem Gerät verarbeitet und nicht an unsere Server gesendet.

Einschränkungen

  • Nicht quadratische Bilder werden ohne Verzerrung in ein Quadrat eingepasst, sodass das Icon leere Ränder hat. Schneiden Sie das Bild für ein besseres Ergebnis vorher zu.
  • Bilder unter 512 px werden für die größten Icons hochskaliert und wirken dann unscharf. SVG-Eingaben bleiben scharf, weil sie zuerst in hoher Auflösung gerastert werden.
  • Das 16-px-Icon ist winzig: Detailreiche Logos brauchen oft eine vereinfachte Version, um lesbar zu bleiben.
  • Das Tool erzeugt weder ein Vektor-Favicon (favicon.svg) noch maskierbare Icons (Safe Zone) oder Windows-Kachelbilder.

FAQ

Welche Dateien brauche ich wirklich?

Für die meisten Websites: favicon.ico im Stammverzeichnis, ein 32x32-PNG, apple-touch-icon.png (180x180) und die Android-Icons 192/512, auf die das Web-Manifest verweist. Das Paket enthält alle davon.

Warum wird mein Favicon nach dem Austausch nicht aktualisiert?

Browser speichern Favicons sehr hartnäckig im Cache. Laden Sie die Seite mit einem Hard-Refresh neu, löschen Sie die Websitedaten oder hängen Sie in den Link-Tags einen Versionsparameter an, etwa /favicon.ico?v=2.

Ist die ICO-Datei ein echtes Icon mit mehreren Größen?

Ja. Sie enthält drei PNG-komprimierte Bilder (16, 32 und 48 px) in einem Standard-ICO-Container, sodass jede Stelle, die ein Favicon anzeigt, die passende Größe wählen kann.

Kann ich ein Foto oder ein JPG verwenden?

Ja, aber Fotos funktionieren bei 16 px selten gut. Logos und einfache Symbole mit klarer Silhouette wirken am besten. JPG unterstützt keine Transparenz. Wählen Sie also eine Hintergrundfarbe oder übernehmen Sie den ursprünglichen Bildhintergrund.

Ähnliche Tools