Przezroczysty przewodnik po Faviconach
Jednolite tło favikony wygląda na przestarzałe i koliduje z trybem ciemnym. Oto jak zachować alfa od początku do końca.
3 min czytania
Zacznij od przejrzystego źródła
Wyeksportuj swoje logo jako PNG-32 bez wypełnienia tła lub użyj SVG. Większość rozmyć pochodzi z wypalonego białego tła, a nie z narzędzia Favicon.
.ico obsługuje wersję alfa
Wpisy skompresowane PNG w .ico zachowują swój kanał alfa. Wpisy bitmapowe tego nie robią — użyj narzędzia, które wybiera odpowiednie kodowanie dla każdego rozmiaru.
Obsługa trybu ciemnego
Wyślij SVG z blokiem <style>@media (prefers-color-scheme: dark) { ... </style> i pozwól .ico obsłużyć statyczny powrót.