Favicon-FAQ
Ist ein Favicon eine PNG- oder JPEG-Datei?
Ein Favicon kann mehrere Bildformate verwenden. PNG ist normalerweise eine bessere Rasterwahl als JPEG, während ICO ein nützlicher Kompatibilitätsfallback bleibt.
PNG ist normalerweise die bessere Wahl
Ein Favicon kann ein PNG- oder JPEG-Format sein, wenn der Browser den deklarierten Bildtyp unterstützt. Wählen Sie für die meisten Favicon-Grafiken PNG. Es bewahrt transparente Hintergründe und scharfe Kanten ohne die Komprimierungsartefakte, die JPEG um Buchstaben und einfache Formen herum verursachen kann.
| Format | Nützlich für | Haupteinschränkung |
|---|---|---|
| PNG | Transparente, gestochen scharfe Rastersymbole | Benötigt explizite Größen für das schärfste Ergebnis |
| JPEG | Fotokunstwerk mit solidem Hintergrund | Keine Transparenz und harte Kanten können verwischen |
| ICO | Kompatibilitäts-Fallback und mehrere Größen in einer Datei | Erfordert einen ICO-fähigen Editor oder Konverter |
Was sollten Sie veröffentlichen?
Eine praktische Basislinie ist eine Mehrfachgröße favicon.ico plus 16x16 und 32x32 PNG-Dateien. Fügen Sie ein Apple-Touch-Symbol und Web-App-Manifest-Symbole hinzu, wenn Sie einen Startbildschirm wünschen und die Abdeckung installieren möchten.
<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />Der HTML-Standard zeigt PNG-, ICO- und SVG-Symboldeklarationen an und ermöglicht Browsern die Auswahl eines Symbols nach Typ und Größe. Siehe die Definition des WHATWG-Icon-Links für die Plattformregeln.
Wann ist JPEG akzeptabel?
JPEG kann funktionieren, wenn das Favicon ein Foto auf einem undurchsichtigen Hintergrund ist. Dies ist für die meisten Logos immer noch ein schwacher Standardwert, da Favicon-Grafiken normalerweise auf Transparenz, sauberen Farbblöcken und scharfen Kanten basieren.
Wenn Ihre Quelle JPEG ist, müssen Sie sie nicht zuerst neu gestalten. Laden Sie es hoch Favicon-Generator und exportieren Sie die standortbereiten Favicon-Dateien aus dieser Quelle.
Bereit, Ihr Favicon zu erstellen?
Generieren Sie die allgemeinen Dateien und ein fertig einfügbares HTML-Snippet.