SVG- vs. ICO-Icons
SVG ist die Zukunft; ICO ist das Fundament. Beides ausliefern.
Favicons auf jeder Website prüfen
Installieren Sie die FetchFavicon Chrome-Erweiterung, um Favicons sofort zu extrahieren, vorzuschauen und zu validieren.
Warum SVG in modernen Browsern gewinnt
Eine Datei, stufenlos skalierbar, unterstützt Dark-Mode-Media-Queries. Dateigröße typischerweise unter 2 KB.
Warum ICO unverzichtbar bleibt
Ältere Browser, Windows-Verknüpfungen und manche Embedder lesen nur .ico. Fehlt sie, sehen ca. 5 % der Nutzer ein kaputtes Icon.
Beide gemeinsam einsetzen
Zuerst favicon.ico als universellen Fallback verlinken, dann <link rel="icon" type="image/svg+xml"> darüber für Browser mit SVG-Support.
FAQ
Should I use SVG or ICO for a favicon?
Use both. Link favicon.ico as the universal fallback, then add <link rel="icon" type="image/svg+xml"> for scalable rendering on modern browsers.
Does SVG work in every browser?
Most modern browsers support SVG favicons, but older browsers and some embedders still need .ico. Never ship SVG alone.
Can an SVG favicon support dark mode?
Yes. Embed a <style>@media (prefers-color-scheme: dark) { ... }</style> block inside the SVG file.