Zum Inhalt springen

Favicon erstellen

Erstelle aus einem eigenen Logo oder Bild eine ICO-Datei mit mehreren Größen. Das Motiv wird vollständig eingepasst.

Deine Datei

Logo oder Bild hierher ziehen

JPG, PNG, WebP oder HEIC

Einstellungen

Enthaltene Größen

Eine ICO-Datei kann mehrere Größen enthalten. Kleine Symbole eignen sich für Browser-Tabs, größere für Verknüpfungen. Das Motiv wird vollständig eingepasst; freie Ränder bleiben erhalten.

Wähle eine Datei aus, um zu beginnen.

Gut zu wissen

  • Dein Gerät verarbeitet die Datei

    Der verfügbare Speicher und die Grenzen des Werkzeugs bestimmen, welche Dateien möglich sind.

  • Ohne Datei-Upload

    Die Verarbeitung läuft im Browser. Deine Arbeitsdatei bleibt auf deinem Gerät.

  • Ohne Anmeldung

    Öffne das Werkzeug und beginne. Ein Konto ist nicht erforderlich.

Ein gutes Favicon muss bei sehr kleinen Abmessungen funktionieren. Bereite zuerst ein einfaches Motiv vor und wähle dann die benötigten ICO-Größen.

So geht’s: Favicon erstellen

  1. Logo oder Bild auswählen

    Verwende eine klare Vorlage, deren Motiv auch sehr klein erkennbar bleibt.

  2. Symbolgrößen wählen

    Markiere mindestens eine Größe. Eine ICO-Datei kann mehrere Varianten enthalten.

  3. ICO erstellen und herunterladen

    Speichere das Ergebnis und prüfe die kleinen Varianten vor dem Einbau in deine Website.

PNG to Favicon: vom Logo zur ICO-Datei

Ein Favicon hilft, eine Website im Browser-Tab wiederzuerkennen. ICO kann mehrere Bildgrößen in einer Datei bündeln. Der Browser oder ein anderes Zielprogramm wählt daraus die passende Variante.

Das Motiv wird vollständig eingepasst, statt automatisch abgeschnitten zu werden. Für ein prägnantes quadratisches Symbol kannst du die Vorlage vorher zuschneiden.

Kleine Symbole brauchen einfache Formen

Feine Schrift, dünne Linien und große Ränder verschwinden bei 16 oder 32 Pixeln schnell. Wähle ein deutliches Motiv mit guten Kontrasten. Transparente PNG-Vorlagen eignen sich, wenn das Symbol ohne rechteckigen Hintergrund erscheinen soll.

Prüfe das Symbol auf hellen und dunklen Flächen. Ein Logo, das auf einer großen Präsentationsfolie gut aussieht, ist nicht automatisch als winziges Browser-Symbol erkennbar.

ICO auf der Website verwenden

Das Werkzeug erzeugt die Datei, verändert aber keine Website. Binde sie anschließend mit deinem CMS oder der vorgesehenen Icon-Konfiguration ein. Ein Browser kann eine ältere Favicon-Version zwischenspeichern.

Für Apple-Touch-Icons und andere Plattformflächen werden häufig eigene PNG-Dateien benötigt. Dieses Werkzeug erstellt ICO, keine macOS-ICNS-Datei und kein vollständiges App-Icon-Paket.

Beispielgrößen für Symbole

Die tatsächlich verwendete Variante hängt vom Zielprogramm ab. Wähle die im Werkzeug benötigten Größen.

GrößeMöglicher Einsatz
16 × 16 pxKleine Browser- oder Listenansicht
32 × 32 pxSchärfere kleine Symbolansicht
48 × 48 pxGrößere Verknüpfungs- oder Listenansicht

Typische Anwendungen

  • Eigenes Website-Favicon

    Erstelle ein erkennbares Symbol aus deiner eigenen Marken- oder Projektgrafik.

  • Mehrere Größen in einer Datei bündeln

    Speichere passende kleine Varianten gemeinsam, statt nur die Endung eines PNGs zu ändern.

Häufige Fragen

Kann ich PNG in ICO umwandeln?
Ja. Lade die PNG-Vorlage und wähle die gewünschten Größen. Die Datei wird als tatsächliches ICO geschrieben.
Kann ich eine PNG-Datei einfach favicon.ico nennen?
Eine neue Endung erzeugt kein ICO-Dateiformat. Nutze den Konverter, wenn eine echte ICO-Datei verlangt wird.
Unterstützt das Werkzeug ICNS?
Nein. ICNS ist ein anderes Symbolformat für bestimmte macOS-Anwendungen und wird hier nicht erstellt.
Werden meine Dateien auf einen Server geladen?
Nein. Dieses Werkzeug verarbeitet die ausgewählte Datei auf deinem Gerät. Das Ergebnis wird als neue Datei gespeichert. Bewahre das Original auf und prüfe die Ausgabe vor dem Weitergeben.

Passende Ratgeber

Alle Ratgeber

Passende nächste Schritte

Alle Bildwerkzeuge