لماذا يحصل زميلي على أكواد ألوان مختلفة قليلًا من الصورة نفسها في مستخرج الألوان؟

الخطوة الأولى: هل الإعدادات متطابقة فعلًا؟

في أغلب الحالات يكون السبب أبسط مما يبدو: أحدكما غيّر إعدادًا دون أن ينتبه. هذه الإعدادات كلها تغير النتيجة:

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

كيف تقارنان بدقة؟

1. كل منكما يفتح الصورة في استخراج لوحة الألوان ويضبط إعداداته.
2. كل منكما ينزل اللوحة بصيغة JSON.
3. افتحا الملفين وقارنا قسم الإعدادات: عدد الألوان، والحد الأقصى للعينة، وأبعاد العينة الفعلية، وخيارات التجاهل الثلاثة، وعدد البكسلات المحسوبة.
4. قارنا أيضًا أبعاد الصورة الأصلية واسمها المسجلين في الملف. اختلاف الأبعاد يعني أنكما لا تحللان الملف نفسه.

إن اختلف أي من هذه، فقد وجدتما السبب. اضبطا الإعدادات نفسها وأعيدا المقارنة.

إن تطابق كل شيء واستمر الفرق

هنا يبقى المتصفح. الأداة تعمل داخل متصفحك وتطلب منه فك الصورة وتصغيرها إلى حجم العينة. والمتصفحات لا تفعل ذلك بطريقة متطابقة حرفيًا:

• فك ضغط JPEG قد يختلف في آخر درجة من بعض البكسلات بين متصفح وآخر.
• تحويل ملفات الألوان مثل Display P3 إلى sRGB قد يطبق بدقة مختلفة.
• خوارزمية التنعيم عند التصغير ليست واحدة في كل المتصفحات.

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

كيف تعمل كفريق دون هذا الإزعاج؟

لا تطلب من كل شخص أن يستخرج الألوان بنفسه. استخرجها مرة واحدة، ثم شارك ملف JSON أو متغيرات CSS أو شريط PNG، واجعل هذا الملف المرجع الوحيد للفريق. بهذا يعمل الجميع بالأكواد نفسها، مهما كان المتصفح.