مولّد أيقونات المواقع (Favicon)
حوّل صورة واحدة إلى مجموعة favicon عملية بمقاسات للمتصفح وApple touch وPWA مع كود HTML جاهز للنسخ.
حتى 20 MiB و40 ميغابكسل لكل صورة. تقبل أوراق الاتصال 2–50 صورة بإجمالي حتى 100 MiB. وتضع مخرجات الأيقونات الصورة كاملة داخل مربع بهامش شفاف.
لماذا وُجدت هذه الأداة
العلامات البسيطة عالية التباين تظل الأوضح في مقاسات favicon الصغيرة جدًا.
- ✓ مقاسات 16–512px
- ✓ معاينات مباشرة
- ✓ مقتطف HTML
- ✓ معالجة محلية في المتصفح
مفيدة لـ
- • المواقع الإلكترونية
- • تطبيقات PWA
- • تحديثات الهوية التجارية
أنشئ مجموعة الأيقونات التي يستطيع موقعك استخدامها فعلًا
الـ favicon ليس مجرد ملف ICO صغير. قد يحتاج الموقع الحديث إلى عدة مقاسات PNG وأيقونة Apple touch وأيقونات PWA وكتلة HTML صغيرة تربط بينها.
ابدأ بصورة مربعة
العلامة البسيطة عالية التباين تصمد في المقاسات الصغيرة أفضل من الرسم المفصّل. والصورة المربعة بنحو 512 بكسل أو أكثر تمنح المولّد مساحة لإنشاء أيقونات صغيرة نظيفة.
عاين أصغر أيقونة قبل نشرها. فالشعار المثالي عند 512 بكسل قد يصبح غير مقروء عند 16 أو 32 بكسل.
تحقق من الحزمة قبل استبدال أيقوناتك الحالية
افتح الملفات المُنشأة وتأكد من الأسماء والمقاسات، ثم الصق الكود المرفق في قسم head بالموقع. احتفظ بمجموعة favicon الحالية حتى تتحقق من الملفات الجديدة.
الأسئلة الشائعة
ما الصورة المناسبة للـ favicon؟
الشعار أو الرمز المربع النظيف هو الأفضل. فالتباين العالي والأشكال البسيطة تصمد عادةً في المقاسات الصغيرة جدًا أكثر من التفاصيل الدقيقة.
ما مقاسات favicon التي يحتاجها الموقع؟
تستخدم بيئات الويب والأجهزة الشائعة عدة مقاسات بدلًا من ملف واحد. يوفّر المولّد عدة مقاسات PNG وحزمة ICO لتختار الملفات التي يحتاجها موقعك.
هل أحتاج إلى favicon.ico وأيقونات PNG معًا؟
كل منهما يخدم متصفحات ومنصات مختلفة، لذا من العملي الاحتفاظ بهما عندما يكون التوافق الواسع مهمًا.
هل يمكنني استخدام شعار SVG؟
نعم إذا استطاع المتصفح فك ترميزه، لكن تحقق من ملفات PNG/ICO الناتجة لأن الخطوط والمرشحات والمراجع الخارجية قد تتغير أثناء التحويل إلى صورة نقطية.