شرح أحجام الأيقونات المفضلة (16–256): ماذا تضمّن في favicon.ico

اعرف بالضبط أي أحجام الأيقونات تنتمي إلى favicon.ico ولماذا يهم كل حجم

أين تظهر الأيقونات المفضلة فعلاً

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

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

أشرطة العناوين واقتراحات البحث في بعض المتصفحات تعرض الأيقونة المفضلة بجانب عنوان URL، عادةً بحجم 16 أو 32 بكسل حسب كثافة العرض. لوحات السجل تتصرف بشكل مشابه، حيث تسحب الأيقونة المفضلة لمساعدة المستخدمين في تصفح المواقع التي تمت زيارتها سابقًا.

خارج المتصفح، تظهر الأيقونات المفضلة في سياقات نظام التشغيل أيضًا. عندما يثبّت المستخدم موقعك في شريط مهام Windows أو ينشئ اختصار سطح مكتب، يسحب النظام من ملف ICO وقد يعرض الأيقونة بحجم 48 أو 64 أو حتى 256 بكسل. على شاشات العرض عالية الكثافة (من فئة Retina)، قد تُمدد أيقونة بحجم 32 بكسل لملء مساحة تتطلب تفاصيل أكثر، مما ينتج نتيجة ضبابية ما لم يكن متغير أكبر موجودًا داخل ICO.

تستخدم تطبيقات الويب التقدمية (PWA) أيقونات البيان الخاصة بها بدلاً من favicon.ico، لكن الأيقونة المفضلة لا تزال مهمة كبديل لواجهة المتصفح القياسية وللمستخدمين الذين يضيفون الموقع كإشارة مرجعية دون تثبيت تطبيق PWA.

ما الغرض من كل حجم أيقونة مفضلة

يخدم كل بُعد بكسل غرضًا مميزًا. يربط الجدول أدناه كل حجم أيقونة مفضلة قياسي باستخدامه الشائع ويشير إلى ما إذا كان يجب تضمينه.

الحجم (بكسل)	الاستخدام الشائع	تضمينه؟
16 × 16	تبويبات المتصفح، شريط الإشارات المرجعية، شريط العناوين، السجل	نعم — مطلوب
32 × 32	تبويبات المتصفح عالية الكثافة، شريط مهام Windows، Safari على macOS	نعم — مطلوب
48 × 48	اختصارات المواقع المثبتة في Windows، مستكشف Windows	نعم — موصى به
64 × 64	بعض واجهات Windows، قارئات RSS	اختياري
128 × 128	عرض الأيقونات الكبيرة في Windows، متجر Chrome الإلكتروني	اختياري
256 × 256	عرض الأيقونات الكبيرة جدًا في Windows، اختصارات سطح المكتب عالية الكثافة	موصى به للاكتمال

16 و32 بكسل هما الأساسيان المطلقان. بدونهما، تعود المتصفحات إلى أيقونة كرة أرضية عامة أو أيقونة فارغة، مما يضر بالتعرف على العلامة التجارية.

48 بكسل يدخل الصورة عندما ينشئ المستخدمون اختصارات Windows لموقعك.

64 و128 بكسل يظهران في سياقات متخصصة. تضمينهما يضيف بضعة كيلوبايتات فقط لملف ICO.

256 بكسل مهم بشكل أساسي على شاشات العرض عالية الكثافة.

ابنِ أيقونتك المفضلة متعددة الأحجام

المجموعة الآمنة الموصى بها

إذا كنت تريد ملف favicon.ico واحدًا يغطي أوسع نطاق من السياقات دون حجم زائد، استخدم هذه المجموعة الآمنة:

16 بكسل — تبويبات المتصفح والإشارات المرجعية
32 بكسل — تبويبات عالية الكثافة وشريط مهام Windows
48 بكسل — اختصارات سطح مكتب Windows
256 بكسل — شاشات عالية الكثافة وعروض الأيقونات الكبيرة جدًا

تحافظ هذه المجموعة من أربعة أحجام على ملف ICO صغير (عادةً أقل من 30 كيلوبايت) مع ضمان عرض حاد في كل سياق رئيسي.

للاطلاع على نظرة أشمل حول كيفية عمل صيغة ICO ومتى تكون الخيار الصحيح بدلاً من PNG، انظر شرحنا حول ما هو ملف ICO.

كيفية إنشاء أحجام الأيقونات المفضلة المناسبة

إنشاء favicon.ico متعدد الأحجام يستغرق بضع خطوات فقط مع Any2ICO. تقبل الأداة صور PNG وJPG وWebP وGIF وBMP وAVIF وSVG بحجم أقصى 10 ميجابايت.

ابدأ بمصدر عالي الدقة. ارفع شعارك أو أيقونتك بحجم 512 بكسل أو أكبر. مصادر SVG تعمل بشكل جيد خاصةً لأنها تتحجّم دون فقدان.
حدد أحجامك. ضع علامة على 16 و32 و48 و256 (المجموعة الآمنة)، أو أضف 64 و128 إذا كنت تحتاجهما.
اختر سلوك التحجيم. الاحتواء يلائم الصورة داخل كل مربع مع الحفاظ على نسبة العرض إلى الارتفاع. التغطية تملأ المربع بالكامل مع قص الحواف إذا لزم الأمر.
نزّل favicon.ico. ضع الملف الناتج في جذر موقعك (https://yoursite.com/favicon.ico). تبحث المتصفحات عن هذا المسار تلقائيًا.

للحصول على شرح كامل، انظر دليلنا خطوة بخطوة حول كيفية إنشاء ملف favicon.ico. وإذا كنت تحتاج إلى تحويل PNG تحديدًا، فإن دليلنا PNG إلى ICO يشرح سير العمل بالتفصيل.

الخلاصة

اختيار أحجام الأيقونات المفضلة المناسبة لا يجب أن يكون معقدًا. القاعدة الأساسية بسيطة: ضمّن دائمًا 16 و32 بكسل، وأضف 48 و256 لتغطية Windows والشاشات عالية الكثافة، واستخدم صورة مصدر عالية الدقة لإبقاء كل حجم حادًا.

عندما تكون جاهزًا لبناء أيقونتك المفضلة، يجعل Any2ICO الأمر سهلاً. ارفع صورتك، اختر أحجامك، ونزّل ملف ICO واحدًا يعمل في كل مكان. مجاني وسريع ويحترم خصوصيتك.

أنشئ أيقونتك المفضلة الآن