Limit erreicht

Du hast alle 30 kostenlosen Aktionen verbraucht. Sieh dir ein kurzes Video an, um sofort 30 weitere Nutzungen zu erhalten, oder warte auf den Timer.

Favicon-Workflow

ICO-Favicon-Generator

Lade ein Logo- oder Symbolbild hoch und erstelle eine ICO-Datei, die 48x48-, 32x32- und 16x16-Favicon-Grossen enthalt. Das ist praktisch, wenn du eine browserfreundliche Datei fur Website-Tab, Lesezeichen oder Shortcut willst.

Verbleibende kostenlose Nutzungen: 30

ICO-Favicon-Generator

Browser-Symbol mit mehreren Grossen in einer Datei

Lade ein Logo- oder Symbolbild hoch und erstelle eine ICO-Datei, die 48x48-, 32x32- und 16x16-Favicon-Grossen enthalt. Das ist praktisch, wenn du eine browserfreundliche Datei fur Website-Tab, Lesezeichen oder Shortcut willst.

Enthaltene Symbolgrossen

Die exportierte ICO-Datei enthalt 48x48-, 32x32- und 16x16-Varianten, damit Browser die passende Grosse auswahlen konnen.

Bestes Ausgangsbild

Fur das sauberste Favicon startest du am besten mit einem quadratischen Logo oder Symbol mit genug Kontrast bei kleinen Grossen.

Lade ein Logo hoch, um eine Favicon-Vorschau zu erzeugen

DAS LOTARION TOOL ARBEITET...

Je nach Bildgroesse kann dies einige Sekunden dauern

Favicon-Grundlagen

Warum ein ICO-Favicon immer noch sinnvoll ist

Browser und Shortcuts erkennen ICO weiterhin als praktisches Favicon-Format, weil eine Datei mehrere Grossen enthalten kann. Deshalb bleibt ein eigener ICO-Generator sinnvoll, auch wenn das ursprungliche Logo als PNG oder JPG beginnt.

Diese Seite konzentriert sich auf genau diesen Ablauf: ein vorhandenes Logo nehmen, den Prozess einfach halten und eine favicon-fertige Datei ohne zusatzliche Software erzeugen.

Einbau-Tipp

Typisches Favicon-Markup fur eine Website

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Ein kleines Favicon-Set enthalt oft eine ICO-Datei fur Browser-Kompatibilitat und PNG-Dateien fur neuere Kontexte oder Touch-Icons.

Schnelle Einrichtung

So erstellst du ein Favicon aus einem Bild

1

Beginne mit einem quadratischen Bild oder Logo, damit das Symbol auch bei kleinen Grossen gut lesbar bleibt.

2

Lade die Datei hoch und nutze den Favicon-Generator, um ein ICO mit mehreren Grossen zu exportieren.

3

Lege die erzeugte Favicon-Datei im Root deiner Website oder an dem Ort ab, auf den dein Markup verweist.

4

Fuge Favicon-Link-Tags zu deinem HTML hinzu, damit Browser wissen, welche Dateien sie anfordern sollen.

Fragen

FAQ zum ICO-Favicon

Diese Antworten konzentrieren sich auf favicon-spezifische Details wie Symbole mit mehreren Grossen, Quellbilder und darauf, was Browser von einem ICO-Export erwarten.

Kann ich ein Favicon erstellen?

Ja. Wahle ICO als Ausgabe, um eine Favicon-Datei mit 48x48, 32x32 und 16x16 zu erstellen.

Welche Art von Bild funktioniert am besten?

Ein einfaches quadratisches Logo oder Symbol mit starkem Kontrast funktioniert meist am besten, weil Favicons in sehr kleinen Grossen angezeigt werden.

Warum enthalt eine ICO-Datei mehrere Grossen?

Browser konnen aus derselben ICO-Datei die am besten passende Grosse auswahlen, je nachdem, wo das Favicon angezeigt wird.

Werden meine Bilder hochgeladen?

Nein. Konvertierung und Komprimierung laufen in deinem Browser, daher wird das ausgewahlte Bild fur diese Aktionen nicht auf unseren Server hochgeladen.

Das kostenlose Limit wurde erreicht. Das Ergebnis ist bereits oben. Der Timer wurde gestartet.