مولد Favicon
حمل صورة واحدة وولد جميع الفافيكونات التي يحتاجها موقعك: ملف.ico، Apple Touch Icon، وايقونات PWA - كل شيء بنقرة واحدة.
ضع صورتك هنا
ولا كليكي لكي تقلب. استعمل صورة مربعة (512x512 بيكسل أو نمِّ) باش تحصل على احسن نتيجة.
PNG، JPG، SVG، WebP، GIF، BMP
كيف تولد فافيكونات للموقع لك
حمل الشعار أو صورة الايقونة لك (PNG أو SVG محسن لكي يدعم الشفافية).
كليكي على "ولد الفافيكونات" لكي تخلق جميع الاحجام:.ico، 16px، 32px، 180px (Apple)، 192px و512px (PWA).
نسخ بالسيات HTML link وحطهم فقسم <head> موقعك.
حمل جميع الفافيكونات فZIP وحطهم في المجلد الرئيسي موقعك.
لماذا تستعمل مولد الفافيكون لنا؟
باكاج فافيكون كامل
يولد كل شيء الذي تحتاج: ملف.ico متعدد الاحجام (16+32+48px)، Apple Touch Icon (180px)، وايقونات PWA (192+512px).
ملف.ico حقيقي
يخلق ملف.ico حقيقي متعدد الاحجام ببيانات PNG مدمجة - ليس غير PNG معاود تسميتو. يعمل فجميع المتصفحات.
100% خاص وامن
كل المعالجة توقع في المتصفح لك. صورك ما تخرج من الجهاز لك ابدا.
بالسيات HTML جاهزة للنسخ
حصل على بالسيات HTML ومقتطف manifest PWA جاهزين. نسخ، ضع في الكود لك، وخلاص.
اسئلة شائعة
اشمن ملفات فافيكون يحتاج الموقع ي؟
على الاقل تحتاج: favicon.ico (للمتصفحات القديمة)، apple-touch-icon.png (180px لiOS)، وicon-192.png + icon-512.png لدعم PWA. الاداة لنا تولد هذا كامل زائد احجام PNG فردية.
ما الفرق بين فافيكون.ico و.png؟
ملف.ico يستطيع يحتوي على عدة احجام فملف واحد (16، 32، 48px). المتصفحات تختار الحجم المناسب. فافيكونات PNG هي ملفات بحجم واحد تتشار عبر بالسيات HTML.
كم خاص يكون حجم الصورة الاصلية؟
استعمل صورة مربعة على الاقل 512x512 بيكسل. SVG مثالي حيث يتكيف دون أن تنقص الجودة.
أين أضع ملفات الفافيكون؟
ضع favicon.ico وapple-touch-icon.png في المجلد الرئيسي موقعك (نفس المجلد index.html). ايقونات PWA يستطيعون يكونو فأي مكان تتشار فملف manifest.
هل الصور ي تتحمل لسيرفر؟
لا. كل المعالجة توقع محليا في المتصفح لك عبر Canvas API. صورك ما تخرج من الجهاز لك ابدا.
هل هذا يعمل مع Next.js، React أو WordPress؟
نعم. الملفات المولدة تعمل مع أي framework أو CMS. لNext.js ضع favicon.ico فمجلد app/. لWordPress حملو عبر Customizer.