Question 1

Welche Favicon-Größen brauche ich?

Accepted Answer

Moderne Browser verwenden 32x32 PNG als primäres Favicon. Sie sollten auch 16x16 für ältere Browser, 48x48 für die Windows-Taskleiste, 180x180 für Apple Touch Icon auf iOS und 192x192 plus 512x512 für Android und PWA-Manifeste einschließen.

Question 2

Sollte ich ICO oder PNG für Favicons verwenden?

Accepted Answer

PNG ist jetzt das Standardformat und wird von allen modernen Browsern unterstützt. ICO-Dateien waren für ältere Versionen des Internet Explorer notwendig. Sofern Sie IE 10 oder älter nicht unterstützen müssen, sind PNG-Favicons einfacher und empfohlen.

Question 3

Welches Bild sollte ich für die besten Ergebnisse hochladen?

Accepted Answer

Verwenden Sie ein quadratisches Bild (1:1-Seitenverhältnis) von mindestens 512x512 Pixeln. PNG mit transparentem Hintergrund funktioniert am besten. Wenn Ihr Quellbild nicht quadratisch ist, wird es auf die jeweilige Favicon-Größe gestreckt.

Question 4

Was ist ein Web-App-Manifest und warum brauche ich eines?

Accepted Answer

Ein Web-App-Manifest (site.webmanifest) ist eine JSON-Datei, die Browsern mitteilt, wie sich Ihre Web-App verhalten soll, wenn sie auf einem Gerät installiert wird. Es legt Icons, Theme-Farben und Anzeigeeinstellungen fest. Die 192x192- und 512x512-Icons in diesem Tool sind speziell für das Manifest.

Question 5

Unterstützen Favicons den Dunkelmodus?

Accepted Answer

SVG-Favicons können die CSS-Media-Query prefers-color-scheme verwenden, um sich an den Dunkelmodus anzupassen. PNG-Favicons können sich nicht automatisch ändern. Wenn Sie Dunkelmodus-Unterstützung benötigen, erwägen Sie ein SVG-Favicon neben Ihren PNG-Fallbacks.

Favicon-Generator

Häufig gestellte Fragen

Verwandte Tools & Ressourcen

Verwandte Anleitungen