מדריך Favicon השקוף
רקע מוצק על favicon נראה מיושן ומתנגש עם מצב כהה. הנה איך לשמור על אלפא מקצה לקצה.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
התחל עם מקור שקוף
ייצא את הלוגו שלך כ-PNG-32 ללא מילוי רקע, או השתמש ב-SVG. רוב הטשטוש מגיע מרקע לבן אפוי, לא מכלי ה-favicon.
.ico תומך באלפא
ערכים דחוסים של PNG בתוך .ico שומרים על ערוץ האלפא שלהם. ערכי מפת סיביות לא עושים זאת - השתמש בכלי שבוחר את הקידוד הנכון לכל גודל.
טיפול במצב כהה
שלח SVG עם בלוק <style>@media (prefers-color-scheme: כהה) { ... }</style>, ותן ל-.ico להתמודד עם הכשל הסטטי.
שאלות נפוצות
How do I make a favicon with a transparent background?
Start from a PNG-32 or SVG with no baked-in background. Export to .ico using a tool that preserves the alpha channel.
Does .ico support transparency?
Yes when entries use PNG compression. Bitmap-encoded .ico entries do not preserve alpha.
How do transparent favicons work in dark mode?
Ship an SVG favicon with prefers-color-scheme styles, and keep a static .ico fallback for browsers that ignore SVG.