Generieren Sie ein Favicon
Verwandeln Sie jedes Logo in ein favicon.ico plus jede PNG-Größe, die eine Website benötigt.
Wie man die Favicon Generator
Laden Sie Ihr Logo hoch
Ein quadratisches PNG oder SVG, idealerweise 512x512 oder größer. Einfache, kontrastreiche Markierungen lesen Sie am besten bei 16 Pixeln.
Legen Sie den Hintergrund fest
Halten Sie es transparent oder wählen Sie eine feste Farbe, wenn Ihr Logo eine dahinter benötigt, um auf hellen und dunklen Registerkarten lesbar zu bleiben.
Download und Installation
Speichern Sie favicon.ico und die PNG-Größen in Ihrem Website-Root und fügen Sie dann den HTML-Block in den Kopf Ihrer Seiten ein.
Über die Favicon Generator
Ein Favicon ist das kleinste Markenzeichen, das eine Website hat und das man am meisten benutzt: Es ist die Art und Weise, wie ein Tab unter dreißig anderen identifiziert wird und wie ein Lesezeichen in einer Liste erkannt wird. Eine Website ohne eins zeigt ein leeres Blatt Papier, das sich als unfertig liest, egal wie gut der Rest des Designs ist.
Der unangenehme Teil war immer, dass eine Datei nicht genug ist. Browser wollen ein favicon.ico am Site-Root, High-DPI-Tabs wollen ein 32px PNG, iOS will ein 180px Apple-Touch-Icon für den Startbildschirm und Android will 192 und 512px Versionen für Installationsaufforderungen und Splash-Bildschirme. Dieses Tool rendert sie alle aus einem einzigen Bild und verpackt die 16, 32 und 48px Versionen in ein echtes Multi-Resolution .ico - kein PNG mit der Erweiterung geändert, was die Datei stolpert, wenn etwas altes versucht, es zu lesen.
Ihr Logo wird in jedes Quadrat eingepasst, anstatt es zu beschneiden, so dass nichts von den Rändern abgeschnitten wird, und Sie können einen transparenten Hintergrund behalten oder eine feste Farbe dahinter setzen. Der HTML-Block darunter ist der genaue Satz von Link-Tags, die Sie in Ihren Kopf einfügen können. Alles wird in Ihrem Browser gerendert, so dass ein unveröffentlichtes Logo Ihr Gerät niemals verlässt.
Häufig gestellte Fragen
- Welche Größe sollte ein Favicon haben?
- Beginnen Sie mit mindestens 512x512, so dass jede Größe verkleinert wird, anstatt gesprengt zu werden. Dieses Tool produziert dann 16, 32, 48, 180, 192 und 512px Versionen plus ein Multi-Size-.ico.
- Ist das eine echte .ico Datei?
- Es ist ein echtes Multi-Resolution ICO, das die 16-, 32- und 48px-Bilder enthält, kein umbenanntes PNG.
- Wo lege ich die Favicon-Dateien ab?
- In Ihrem Website-Root, also sitzt favicon.ico unter yoursite.com/favicon.ico, und fügen Sie dann die Link-Tags hier zu Ihrem Kopf hinzu. Frameworks wie Next.js können auch Dateien abholen, die in der App oder im öffentlichen Verzeichnis abgelegt sind.