مولّد أيقونات الموقع (Favicon)
أنشئ مجموعة كاملة من أيقونات الموقع وأيقونات التطبيقات بصيغة PNG — من 16×16 إلى 512×512 — من أي صورة، مباشرة في متصفحك.
🔒 تتم المعالجة محليًا في متصفحك
Loading…
كيفية الاستخدام
- اسحب وأفلت صورة في المربع أعلاه، أو انقر عليه لاختيار ملف.
- يتم تلقائيًا قص الصور غير المربعة من المنتصف لتصبح مربعة.
- شاهد معاينة كل حجم من الأيقونات فور إنشائه.
- نزّل الأيقونات واحدة تلو الأخرى، أو استخدم "تنزيل الكل" لحفظ جميع الأحجام بالترتيب.
المميزات
- ينشئ 6 أحجام قياسية: 16 و32 و48 و180 و192 و512 بكسل
- يشمل أيقونة Apple touch وأحجام الأيقونات الخاصة بقائمة Android/PWA
- يقص تلقائيًا الصور غير المربعة من المنتصف لتصبح مربعة
- معاينة فورية لكل حجم يتم إنشاؤه
- 100% من جانب المتصفح — مدعوم بواجهة Canvas API، بدون رفع
الأسئلة الشائعة
لماذا يلزم وجود هذا العدد الكبير من أحجام favicon المختلفة؟
تطلب المتصفحات وأنظمة التشغيل والمنصات المختلفة أحجام أيقونات مختلفة — على سبيل المثال 16×16 و32×32 لعلامات تبويب المتصفح والمفضلة، و180×180 لأيقونة Apple touch على iOS، و192×192/512×512 للشاشة الرئيسية على Android وقائمة PWA. توفير جميع الأحجام يضمن ظهور موقعك بوضوح في كل مكان.
ماذا يحدث إذا لم تكن صورتي مربعة؟
يتم قصها تلقائيًا من المنتصف لتكوين أكبر مربع ممكن قبل تغيير الحجم، بحيث تكون كل أيقونة مُنشأة مربعة الشكل دون أي تشويه.
ما هي صيغ الملفات التي يمكنني رفعها؟
يتم دعم صور JPG وPNG وWebP. يتم تصدير كل أيقونة favicon مُنشأة كملف PNG.
هل تُرفع صورتي إلى أي مكان؟
لا. يتم القص وتغيير الحجم بالكامل محليًا باستخدام واجهة Canvas API في المتصفح — صورتك لا تغادر جهازك أبدًا.
كيف أستخدم الملفات المُنشأة في موقعي؟
ضع الملفات favicon-16x16.png وfavicon-32x32.png وfavicon-48x48.png وapple-touch-icon.png في جذر موقعك، ثم أشر إليها مع حجمي Android/PWA من علامات link في HTML أو من ملف تعريف تطبيق الويب الخاص بك.