دليل favicon الشفاف
خلفية مصمتة على favicon تبدو قديمة وتتعارض مع الوضع الداكن. إليك كيف تحافظ على قناة ألفا من البداية إلى النهاية.
3 دقيقة قراءة
ابدأ بمصدر شفاف
صدّر شعارك بصيغة PNG-32 بدون تعبئة خلفية، أو استخدم SVG. معظم التشويش يأتي من خلفية بيضاء مدمجة في المصدر وليس من أداة الـ favicon.
.ico يدعم قناة ألفا
الإدخالات المضغوطة بصيغة PNG داخل .ico تحتفظ بقناة ألفا. إدخالات BMP لا تفعل — استخدم أداة تختار الترميز المناسب لكل مقاس.
التعامل مع الوضع الداكن
وفّر SVG يحتوي كتلة <style>@media (prefers-color-scheme: dark) { ... }</style>، ودع .ico يتولّى البديل الثابت.