مولِّد Favicon
حوِّل أي صورة إلى مجموعة favicon كاملة، تشمل ملف .ico وأحجام PNG وApple touch icon وملف web manifest، وتُولَّد جميعها في متصفحك.
كيفية استخدام مولِّد Favicon
- 01
ارفع صورة مربعة، ويناسب الشعار البسيط أو الأيقونة أكثر، وتُعالَج الصورة في متصفحك.
- 02
اختر خلفيةً اختيارياً وأدخِل اسم موقعك لملف web manifest.
- 03
حمِّل ملف ZIP والصِق مقطع HTML في رأس صفحتك.
ما هو المفضل
الرمز المفضل هو رمز صغير يظهر في علامات تبويب المتصفح والإشارات المرجعية وعلى الشاشات الرئيسية للهاتف. إنها تفاصيل صغيرة تجعل الموقع يبدو مكتملًا ويمكن التعرف عليه، وتتوقع المتصفحات الحديثة عدة إصدارات منه.
لماذا صورة واحدة لا تكفي
هذه هي المشكلة: صورة واحدة لم تعد كافية. أنت بحاجة إلى ملف .ico متعدد الأحجام للمتصفحات الكلاسيكية، وأحجام PNG منفصلة، وأيقونة Apple touch لشاشات iOS الرئيسية، وملفات PNG أكبر لنظام Android، وبيان ويب إذا كان الموقع قابلاً للتثبيت.
يبني هذا المولد المجموعة بأكملها من صورة واحدة، بما في ذلك ملف .ico حقيقي متعدد الأحجام، ويمنحك مقتطف HTML الدقيق لإسقاطه في رأس صفحتك، لذلك لا يتعين عليك تجميع أي منها أو كتابتها يدويًا.
ما الصورة للتحميل
للحصول على أفضل نتيجة، قم بتحميل صورة مربعة لا يقل حجمها عن 512 بكسل، ومن الأفضل أن تكون شعارًا أو علامة بسيطة بدلاً من صورة مفصلة، نظرًا لأن الرمز غالبًا ما يظهر صغيرًا جدًا. يتم توسيط الصورة غير المربعة ومبطنة بمربع، لذا فإن التفاصيل القريبة من الحواف قد تنتهي في الهوامش.
لون الخلفية واسم الموقع
يمكنك اختياريًا تعيين لون الخلفية واسم موقعك. ينتقل اسم الموقع إلى بيان الويب المستخدم عندما يقوم شخص ما بإضافة الموقع إلى شاشته الرئيسية.
يعمل في المتصفح الخاص بك
يتم تشغيل كل شيء محليًا في متصفحك باستخدام Canvas API، لذلك لا يتم تحميل صورتك أبدًا. يمكنك تنزيل ملف ZIP يحتوي على جميع الملفات والمقتطف للصقه.
الأسئلة الشائعة
ما الذي تتضمّنه حزمة favicon؟
ملف favicon.ico بأحجام 16 و32 و48 px، وملفات PNG منفصلة بحجمَي 16 و32 px، وApple touch icon بحجم 180 px، وملفات PNG بحجمَي 192 و512 px لنظام Android، وملف site.webmanifest، ومقطع HTML للصقه في رأس صفحتك.
ما الصورة المناسبة للرفع؟
صورة مربعة بدقة 512 px على الأقل هي الأنسب، ويُفضَّل أن تكون شعاراً بسيطاً أو علامةً واضحة. إذا كانت الصورة غير مربعة، فستُوسَّط وتُملأ لتصبح مربعة، وقد تنتهي التفاصيل القريبة من الحواف داخل الهوامش.
هل تُرفَع صوري؟
لا. تُنشأ الأيقونات في متصفحك باستخدام Canvas API، لذا لا تغادر صورتك جهازك أبداً.