دليل

مولّد favicon شفاف

الـ favicon ذو الخلفية المصمتة يبدو قديمًا ويتعارض مع متصفحات الوضع الداكن. أنشئ واحدًا بشفافية ألفا كاملة — ليتناغم مع أي سمة.

كلتا الصيغتين PNG و.ico تدعمان قنوات ألفا. مولّدنا يحافظ على الشفافية من الصورة المصدر (PNG أو SVG) من البداية إلى النهاية.

للحصول على أفضل تكيّف مع الوضع الداكن والفاتح، وفّر SVG favicon إلى جانب .ico مع استعلام الوسائط prefers-color-scheme.

كيف يعمل

  1. 1

    صدّر شعارك بخلفية شفافة

    PNG-32 أو SVG، بدون خلفية.

  2. 2

    ارفع الصورة

    نكتشف قناة ألفا تلقائيًا ونحافظ عليها في كل المقاسات.

  3. 3

    حمّل الملف

    احصل على .ico + PNG شفاف جاهز للنشر.

جربه الآن

أنشئ favicon شفافًا

مولد Favicon

الأسئلة الشائعة

هل يدعم .ico الشفافية؟+

نعم — الإدخالات المضغوطة بصيغة PNG داخل .ico تحتفظ بقناة ألفا.

لماذا يظهر مربّع أبيض خلف الأيقونة؟+

صورة PNG المصدر تحتوي على خلفية بيضاء. أعد تصديرها من أداة التصميم بدون أي تعبئة خلفية.

هل يمكن لـ SVG favicon التكيّف مع الوضع الداكن؟+

نعم. ضمّن كتلة <style>@media (prefers-color-scheme: dark) { ... }</style> داخل الملف.

أدوات ذات صلة

المزيد من الأدلة

الأدلة

استكشف FetchFavicon

الفئات

المحوّلات

الأدوات

الأدلة

الدروس