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