מדריך Favicon השקוף
רקע מוצק על favicon נראה מיושן ומתנגש עם מצב כהה. הנה איך לשמור על אלפא מקצה לקצה.
3 דקות קריאה
התחל עם מקור שקוף
ייצא את הלוגו שלך כ-PNG-32 ללא מילוי רקע, או השתמש ב-SVG. רוב הטשטוש מגיע מרקע לבן אפוי, לא מכלי ה-favicon.
.ico תומך באלפא
ערכים דחוסים של PNG בתוך .ico שומרים על ערוץ האלפא שלהם. ערכי מפת סיביות לא עושים זאת - השתמש בכלי שבוחר את הקידוד הנכון לכל גודל.
טיפול במצב כהה
שלח SVG עם בלוק <style>@media (prefers-color-scheme: כהה) { ... }</style>, ותן ל-.ico להתמודד עם הכשל הסטטי.