مولّد أيقونة الموقع

كيفية الاستخدام مولّد أيقونة الموقع

1. اسحب صورة مربّعة، ويفضَّل ألا تقلّ عن 512×512 بكسل.
2. راجع المعاينات بالمقاسات المختلفة.
3. نزّل ملف ZIP وانسخ مقتطف HTML إلى ترويسة صفحتك.

المقاسات اللازمة فعلًا

كانت عشرات، وأصبحت خمسة ملفات تغطّي كل الحالات عمليًا.

ويمكن أن يحتوي ملف ICO عدة دقات في ملف واحد، وتُضمَّن هنا 16 و32 و48 بكسل. أما ملفات مربّعات ويندوز وإصدارات أندرويد القديمة فلم تعد لازمة.

لماذا تتحوّل الأيقونة إلى بقعة عند 16 بكسل؟

لأن شعارًا صُمّم لبطاقة عمل لا يتّسع في ستة عشر بكسلًا. وهذه مسألة موضوع لا مسألة أداة.

فعند ضلع من ستة عشر بكسلًا تتوفّر 256 بكسلًا فقط. وشعار مكتوب من خمسة أحرف يحصل كل حرف فيه على ثلاثة بكسلات عرضًا — فيصير شريطًا رماديًا. وتختفي الخطوط الرفيعة، وتتحوّل التدرّجات إلى لون واحد.

وهذه المسألة أشدّ مع الشعارات المكتوبة بالعربية: الخط العربي متصل وتفاصيله دقيقة — نقاط وحركات — وهي أول ما يضيع. فالشعار العربي النصي غالبًا غير صالح كأيقونة بأي حجم صغير.

وما ينجح: حرف واحد، أو شكل هندسي بسيط، أو رمز قوي عالي التباين. والحلّ المعتاد لدى العلامات الكبرى رمز مبسّط خاص بالأحجام الصغيرة — والأجدى تبسيط الشعار عمدًا لا تصغيره.

ما يوضع في الترويسة

أربعة أسطر تكفي، وهي جاهزة في ملف ZIP.

والمهم أن تكون الملفات في المجلد الجذر. فالمتصفحات تطلب /favicon.ico حتى بلا إشارة في HTML، ووجود الملف هناك يوفّر أخطاء 404 في السجلات.

وأيقونة SVG هي الأفضل للمتصفحات الحديثة، إذ تبقى حادة بأي حجم ويمكنها تبديل اللون في الوضع الداكن. ولا تكفي وحدها: Safari والمتصفحات الأقدم تحتاج PNG وICO.

وأشيع سبب لعدم ظهور أيقونة جديدة أن المتصفحات تحتفظ بها بشدّة. والتحديث القسري لا يكفي غالبًا، ويفيد إضافة معامل نسخة إلى العنوان.

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