مولد الفافيكون
رفع ملف واحد — احصل على favicon.ico، جميع أحجام PNG، أيقونة Apple Touch، أيقونات PWA، ملف البيان، ومقتطف HTML
كيف يعمل
- انقر على الزر أعلاه لتحديد ملفك، أو اسحبه وأفلته في المنطقة أدناه
- انقر على زر التحويل
- انتظر حتى يكتمل التحويل
- قم بتنزيل ملفك المحول باستخدام زر التنزيل
إنشاء حزمة فافيكون كاملة لموقعك الإلكتروني
مولد الأيقونة المفضلة (Favicon Generator) ينشئ كل ما يحتاجه موقعك الإلكتروني لعرض أيقونة احترافية — بنقرة واحدة. بدلاً من إنشاء عشرات الملفات المختلفة يدويًا لمتصفحات وأجهزة مختلفة، قم بتحميل صورة واحدة واستلام ملف ZIP يحتوي على favicon.ico (بأحجام 16×16 و32×32 و48×48 بكسل)، وعشرة أحجام PNG من 16 إلى 512 بكسل، وأيقونة apple-touch-icon بالحجم الدقيق 180×180 بكسل الذي تطلبه Apple، وأيقونات بيان تطبيق الويب التقدمي (PWA) بحجم 192×192 و512×512 بكسل، وملف site.webmanifest جاهز، ومقتطف HTML يمكنك نسخه مباشرة إلى <head>.
المواقع الحديثة تحتاج أكثر من مجرد favicon.ico واحد: الإشارات المرجعية على الشاشة الرئيسية لنظام iOS تستخدم أيقونة apple-touch-icon بصيغة PNG، وتطبيقات الويب التقدمية تقرأ الأيقونات من بيان الويب، والشاشات عالية الدقة تستفيد من متغيرات PNG الأكبر حجمًا. هذا المولد ينتج المجموعة الكاملة في ثوانٍ، لذا لن تضطر أبدًا إلى تخمين الملفات أو الأحجام التي تتوقعها منصة معينة. المصادر بصيغة SVG تعطي أفضل النتائج لأن كل حجم يتم تحويله إلى نقطية مباشرة من الخطوط المتجهة.
للتثبيت، قم باستخراج ملف ZIP إلى المجلد الجذر لموقعك الإلكتروني والصق علامات HTML المتوفرة من ملف snippet.html داخل <head> في كل صفحة. هذا كل شيء — سيعرض موقعك أيقونة واضحة وبالحجم الصحيح في كل علامة تبويب متصفح، وإشارة مرجعية على الشاشة الرئيسية، ومطالبة تثبيت تطبيق الويب التقدمي. مجاني بالكامل، بدون تسجيل، يتم حذف الملفات بعد التحميل.
لماذا نستخدم منشئ أيقونة المفضلة لدينا؟
حزمة كاملة في ملف ZIP واحد
favicon.ico، وأيقونات PNG من 16 إلى 512 بكسل، وapple-touch-icon 180×180، وأيقونات PWA 192×192 و512×512، وsite.webmanifest، ومقتطف HTML جاهز للصق — كل ذلك في تنزيل واحد.
جاهز لـ Apple و PWA
يتم تضمين apple-touch-icon بالحجم المطلوب 180×180 بكسل وأيقونات بيان PWA بحجم 192×192 و512×512 بكسل تلقائيًا — بدون خطوات إضافية.
مقتطف HTML مضمن
انسخ الوسوم <link> و <meta> المُنشأة مباشرةً في وسم <head> في HTML — دون تخمين الوسوم التي تحتاجها
أي صيغة مصدر
رفع PNG، JPG، WebP، أو SVG — مصادر SVG تنتج أفضل النتائج لأنها تُحوّل إلى نقاط نقطية بكل حجم من الخطوط المتجهة
نصائح لإنشاء الأيقونة المفضلة المثالية
- قم بتحميل صورة مربعة بحجم 512×512 بكسل أو أكبر للحصول على أيقونات أكثر وضوحًا — يتم تغيير حجم المصادر الأصغر أو غير المربعة واقتصاصها من المنتصف لتناسب.
- استخدم تصميمًا بسيطًا وجريئًا: الشعارات المعقدة تصبح غير قابلة للتمييز بحجم 16×16 بكسل.
- ضع جميع الملفات المُنشأة في الدليل الجذر لموقعك حتى تتمكن المتصفحات من العثور عليها تلقائيًا.
- بعد تحميل الملفات، الصق مقتطف HTML من ملف snippet.html داخل <head> في موقعك حتى يجد كل متصفح وجهاز الأيقونة الصحيحة.