مولّد الأيقونة المفضلة

ملف أيقونة واحد سيحتاج خدمة تبويب متصفح بـ16 بكسل، شاشة رئيسية لهاتف بـ180 بكسل، درج تطبيقات أندرويد حتى 512 بكسل، ومصغرة شريط مهام Windows — أسطح ذات قواعد دقة مختلفة جذريًا، معالجة نسبة، وتركيب خلفية، لا يشترك أي منها في دقة مصدر مثالية واحدة. تاريخيًا لهذا كانت المواقع إما ترسل `favicon.ico` وحيدًا منخفض الدقة يبدو ضبابيًا في كل مكان، أو تتخطى أيقونات الهاتف وPWA تمامًا. توليد كل حجم من مصدر وتجميعها معًا هو ما يجعل الأيقونة تبدو حادة وصحيحة في كل مكان في آن واحد، بدلًا من مقبولة في واحد وخاطئة في البقية.

يوجد بيان الويب لسبب مرتبط لكن مختلف: إنه ما يسمح لمتصفحات أندرويد وChromium لسطح المكتب بتقديم "تثبيت التطبيق" وعرض الموقع بأيقونته واسمه الخاصين بمجرد التثبيت، بدلًا من إشارة مرجعية بأيقونة كرة أرضية عامة. تُدار الأيقونة المفضلة وأيقونة PWA بواسطة أجزاء مختلفة من المنصة، ولهذا يُولَّد هنا مجموعة أيقونات بسيطة وبيان معًا.

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

أكثر الصور المصدرية موثوقية هي رمز واحد، حرف مركّب، أو أيقونة بسيطة على خلفية ملساء أو شفافة، مُقدَّمة مثاليًا بحجم 512×512 أو أكبر حتى يكون كل حجم مُولَّد تصغيرًا نظيفًا بدلًا من تكبير. إذا كان الشعار الحالي معقدًا، عادةً ما يكون من الأفضل استخراج أو تبسيط عنصر واحد قابل للتعرف عليه منه — حرف مركّب، رمز، شكل مميز — بدلًا من تصغير المجموعة بأكملها وتوقّع بقائها متماسكة.

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