Favicon Generator
Generate favicons
Generate favicons Läuft lokal in Ihrem Browser
About the
Der Favicon-Generator nimmt ein Bild auf, schneidet es von der Mitte aus auf ein Quadrat zu und erstellt eine 64 x 64 große Symboldatei, die Sie im Stammverzeichnis der Website ablegen können. Der Zuschnitt ist wichtiger als es klingt: Browser stellen Favicons quadratisch dar, sodass ein breites, in ein Quadrat gequetschtes Logo falsch aussieht, während bei einem Mittelzuschnitt normalerweise der erkennbare Teil erhalten bleibt. Das Bild wird auf einer Leinwand in Ihrem Browser verarbeitet, sodass nichts hochgeladen wird.
Where people use the
- Generieren eines Favicons aus einem Logo vor dem Start einer Website.
- Erstellen eines schnellen Symbols für einen Prototyp oder ein internes Tool.
- Ersetzen eines von einer Vorlage übrig gebliebenen Platzhaltersymbols.
- Erstellen einer quadratischen Version eines breiten Logos zur Verwendung in einem Tab.
How to use the
- 1
Laden Sie ein Bild hoch
Wählen Sie das Logo oder Bild aus, das Sie verwenden möchten. Ein quadratisches Quellbild liefert das beste Ergebnis, da nichts abgeschnitten wird.
- 2
Lassen Sie es zuschneiden und die Größe ändern
Die kürzeste Seite wird als Erntequadrat verwendet, ausgehend von der Mitte, und das Ergebnis wird mit 64 x 64 gezeichnet.
- 3
Vergleichen Sie die beiden Vorschauen
Das Original und das Symbol werden nebeneinander angezeigt, sodass Sie sehen können, was beim Zuschneiden entfernt wurde.
- 4
Laden Sie das Symbol herunter
Speichern Sie die Datei unter dem Namen favicon.ico und platzieren Sie sie im Stammverzeichnis Ihrer Website oder laden Sie sie überall dort hoch, wo Ihr Framework statische Assets erwartet.
Tipps und Best Practices
- Laden Sie ein quadratisches Bild hoch, um zu vermeiden, dass die Ränder eines breiten Logos verloren gehen.
- Geben Sie dem Symbol einen einfachen Hintergrund, wenn es sowohl auf hellen als auch auf dunklen Registerkarten angezeigt wird.
- Hartes Neuladen nach dem Hochladen; Browser speichern Favoriten aggressiv zwischen.
Häufig gestellte Fragen
Warum ist mein Logo abgeschnitten?
Weil Favicons quadratisch sind. Das Werkzeug nimmt aus der Mitte das größte passende Quadrat. Bei einem quadratischen Quellbild entfällt das Beschneiden vollständig.
Welche Größe soll ich hochladen?
Mindestens 64 x 64 und möglichst quadratisch. Größere Bilder werden einfach verkleinert; kleinere werden weich aussehen.
Benötige ich mehr als eine Größe?
Für die meisten Websites reicht ein Symbol aus, da Browser für Tabs ein 64-Pixel-Symbol verkleinern. Wenn Sie überall gestochen scharfe Ergebnisse wünschen, generieren Sie separat Versionen mit 16, 32 und 180 Pixeln.
Wohin geht die Datei?
Im Stammverzeichnis der Site als favicon.ico, was von Browsern per Konvention angefordert wird. Wenn Ihr Framework statische Dateien aus einem Verzeichnis wie public bereitstellt, legen Sie sie stattdessen dort ab.
Warum wird auf der Registerkarte immer noch das alte Symbol angezeigt?
Weil es zwischengespeichert ist. Laden Sie die Seite neu oder öffnen Sie sie in einem privaten Fenster, und das neue Symbol wird angezeigt.