مدقّق اختلاف الصور

ما هي مقارنة الصور؟

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

وصف الأداة

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

الميزات

• مقارنة صور PNG وJPEG وWebP وGIF وBMP وAVIF
• حساب وحدات البكسل المختلفة وعرضها كنسبة من الصورة
• تجميع الفروقات المتقاربة في مناطق، مع إمكانية تحديد حدود كل منطقة في صورة الفروقات
• تخطي وحدات البكسل ذات التعرج ووضع علامة عليها بلون منفصل، أو احتسابها إذا فضّلت ذلك
• ضبط الحد الأدنى للمسافة التي يجب أن تفصل بين لونين حتى يُحتسبا مختلفين
• لون ثانٍ اختياري لوحدات البكسل التي أصبحت أغمق، لتمييز المحتوى المضاف من المحتوى المحذوف
• وضع الفروقات فقط، الذي يرسم الفروقات فوق خلفية شفافة
• تكبير يصل إلى 3200% مع الحفاظ على حدة وحدات البكسل، وتنزيل الفروقات كصورة PNG
• عرض عبر شريط تمرير يتيح تكبير الصورتين وتحريكهما معًا، مع وضع ملء الشاشة
• مقارنة صور بأحجام مختلفة من خلال محاذاتها من الزاوية العلوية اليسرى، أو تغيير حجم الصورة الثانية

آلية العمل

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

نصائح

• أبقِ الحد الأدنى عند 0.1 للقطات الشاشة. اخفضه إلى 0 لالتقاط كل تغيير، بما في ذلك التشويش الناتج عن ضغط JPEG؛ وارفعه لتجاهل التغيرات الطفيفة في الألوان.
• تختلف الصورة المحفوظة بصيغة JPEG مرتين في آلاف وحدات البكسل بفارق طفيف. إذا أظهرت النتيجة عدم وجود فروقات تتجاوز الحد الأدنى، فستبدو الصورتان متطابقتين.
• فعّل خيار تحديد وحدات البكسل الأغمق لمعرفة المحتوى الذي أُضيف والمحتوى الذي أُزيل، إذ يصبح النص على خلفية فاتحة أغمق في المواضع التي يظهر فيها.
• بالنسبة إلى ملفات GIF، تتم مقارنة الإطار الأول فقط.