منشئ Favicon أداة مجانية على الإنترنت تحوّل الصور إلى ملفات أيقونة موقع (favicon) بصيغة PNG.
كيف تستخدم مولّد Favicon؟
ارفع صورتك المصدرية.
اختر أحجام favicon المراد إنشاؤها.
أنشئ ونزّل ملفات favicon بصيغة PNG.
الأسئلة الشائعة حول مولّد Favicon
ما صيغة الصورة الموصى بها لأيقونات favicon؟
يُوصى بصورة PNG مربعة (256×256 بكسل أو أكبر). تغيّر الأداة الحجم تلقائياً إلى جميع الأبعاد المطلوبة.
ما هي أيقونة Apple Touch؟
أيقونة Apple Touch هي الأيقونة المعروضة عند إضافة موقع إلى الشاشة الرئيسية على أجهزة iOS. الحجم القياسي هو 180×180 بكسل بصيغة PNG.
استبدلت الأيقونة المفضّلة لكن المتصفح ما زال يعرض القديمة.
تحتفظ المتصفحات بالأيقونات المفضّلة مدة طويلة جداً، ونادراً ما يزيحها تحديث الصفحة العادي. تحقّق بكتابة عنوان ملف الأيقونة مباشرةً في شريط العناوين؛ فإن ظهرت الصورة الجديدة هناك فنفّذ تحديثاً قسرياً أو افتح الصفحة في نافذة خاصة. ولضمان رؤية كل زائر للتغيير، الطريق الموثوق هو إعادة تسمية الملف — مثل favicon-v2.png — وتحديث وسم link ليطابقه.
كيف أُبقي الأيقونة المفضّلة واضحة في الوضع الداكن؟
الأيقونة المرسومة بخطوط سوداء فقط تكاد تختفي في شريط تبويبات داكن. وبدل ترك الخلفية شفافة، ضع دائرة أو مربّعاً بلون العلامة التجارية واجعل الشكل فوقه، فيصمد الظل في السمة الفاتحة والداكنة معاً. ويمكن لأيقونة SVG أن تغيّر لونها عبر استعلام وسائط في الوضع الداكن، لكن أبقِ ملف PNG إلى جانبها للمتصفحات التي لا تدعم ذلك.
نصائح لاستخدام مولّد Favicon بفعالية
ابدأ من صورة PNG مربّعة 512×512 لتبقى النسخ 16 و32 و180 بكسل واضحة.
يحتاج iOS إلى apple-touch-icon بمقاس 180×180، ويطلب ملف PWA أيقونات 192 و512 بكسل.
في التبويب لا يتبقى سوى 16 بكسل، فحرف واحد أو رمز بسيط أوضح من شعار كامل.