🌐 مُكوِّن رمز المفضلة (Favicon) ورمز التطبيق

حول

تستخدم هذه الأداة ⁦Canvas API⁩ في المتصفح لتغيير حجم صورة المصدر إلى كل الأحجام التي تتطلبها المتصفحات الحديثة وأنظمة التشغيل: 16×16، 32×32، 48×48، 64×64، 180×180 (⁦Apple Touch Icon⁩)، 192×192 (أندرويد / ⁦PWA⁩)، و512×512 (شاشة البداية لـ⁦PWA⁩). وتجمع ملف ⁦.ico⁩ متعدد الأحجام الذي يحتوي على أيقونات 16 و32 و48 بكسل في ملف ثنائي واحد، وتكتب ملف ⁦site.webmanifest⁩ الذي يسرد أيقونتي 192 و512 بكسل (مع ترك الاسم و⁦short_name⁩ فارغين لتملأهما)، وتولد أيضًا مقتطف ⁦HTML⁩ مع وسوم ⁦<link>⁩ الصحيحة. إذا كانت صورتك غير مربعة، يمكنك الاحتفاظ بالصورة كاملة مع هوامش شفافة أو ملء المربع بقص الحواف. يجمع كل شيء في ملف ⁦ZIP⁩ باستخدام أداة كتابة ⁦ZIP⁩ مضمنة بطريقة التخزين فقط دون ضغط، ويمكن أيضًا تنزيل ⁦.ico⁩ وحده. ولأن العملية كلها تتم داخل المتصفح باستخدام ⁦Canvas⁩، لا يغادر أي ملف جهازك أبدًا.

كيف تستخدم

1. تُنشأ أيقوناتك لحظة اختيار صورة، لذا لا يوجد زر إنشاء. تحقق من المعاينات من 16 إلى 512 بكسل ومن حجم صورة المصدر. إذا كانت الصورة غير مربعة، اختر الاحتفاظ بالصورة كاملة مع الهوامش أو ملء المربع بقص الحواف.
2. اضغط «تنزيل ⁦ZIP⁩» لاستلام جميع ملفات ⁦PNG⁩ وملف ⁦favicon.ico⁩ متعدد الأحجام و⁦site.webmanifest⁩ وملف مقتطف ⁦HTML⁩ في أرشيف واحد. إذا كنت تحتاج إلى ملف ⁦.ico⁩ فقط، اضغط «تنزيل ⁦.ico⁩» فقط.
3. اضغط «نسخ وسوم ⁦HTML⁩» (أو افتح ⁦head-snippet.html⁩) والصق وسوم ⁦<link>⁩ في ⁦<head>⁩ موقعك.
4. حمّل الملفات إلى مجلد جذر موقعك، ثم املأ الاسم و⁦short_name⁩ في ملف ⁦site.webmanifest⁩.

الأسئلة الشائعة

ما الأحجام التي تُنشئها هذه الأداة؟

تُنشئ ملفات ⁦PNG⁩ بأحجام 16 و32 و48 و64 و180 و192 و512 بكسل، وملف ⁦favicon.ico⁩ متعدد الأحجام (يحتوي على 16 و32 و48 بكسل)، وملف ⁦site.webmanifest⁩ الذي يسرد أيقونتي 192 و512 بكسل، ووسوم ⁦HTML⁩ ⁦<link>⁩ المطابقة.

هل يتم رفع صوري إلى خادم؟

لا. يتم تكبير أو تقليل الصورة وتعبئتها جميعًا داخل المتصفح باستخدام API للشاشة (Canvas). لن تغادر صورتك جهازك أبدًا.

ما هو أفضل صورة مصدرية يجب استخدامها؟

صورة مربعة بحجم لا يقل عن 512×512 بكسل تعطي أفضل النتائج في جميع الأحجام. ⁦SVG⁩ مناسب جدًا لأنه مستقل عن الدقة. إذا كانت الصورة غير مربعة، يمكنك الاحتفاظ بالصورة كاملة مع هوامش شفافة (الافتراضي) أو ملء المربع بقص الحواف. إذا كانت الصورة النقطية أصغر من 512 بكسل، تُكبَّر الأيقونات الأكبر وتعرض الأداة ملاحظة.

ما هو ملف .ico متعدد الأحجام ولماذا أحتاجه؟

يمكن لملف ⁦.ico⁩ تضمين دقات متعددة في ملف ثنائي واحد. تستخدم المتصفحات الأقدم وويندوز ملف ⁦.ico⁩ لأيقونات علامات التبويب والاختصارات، مع اختيار الحجم الأنسب تلقائيًا. يحتوي ملف ⁦.ico⁩ من هذه الأداة على أيقونات 16 و32 و48 بكسل، ويمكنك تنزيله وحده دون ملف ⁦ZIP⁩.

هل أحتاج إلى جميع الأحجام المُنشَّأة لمحطتي؟

لمعظم المواقع، يغطي ملف ⁦.ico⁩ متعدد الأحجام مع ملفي ⁦PNG⁩ بحجم 180 بكسل (⁦Apple Touch Icon⁩) و192/512 بكسل (⁦PWA⁩) مع ملف ⁦site.webmanifest⁩ كل حالات الاستخدام الرئيسية. تُضمَّن ملفات ⁦PNG⁩ الأصغر للاكتمال ودعم المتصفحات الأقدم.

هل هذه الأداة ترفع بياناتي؟

لا. يعمل كل شيء مباشرة في متصفحك، لذا بياناتك لن تغادر جهازك أبداً — بل إنها تعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.

تم تشغيله 50 مرة في آخر 29 أيام. النتيجة تم نسخها أو تنزيلها: 94% تم قياسه على خوادمنا الخاصة، 2026-10-11–2026-11-09.