كيف تعمل مقارنة لقطات الشاشة: الدليل الشامل
مقارنة لقطات الشاشة هي عملية آلية متعددة الخطوات — التقاط، تطبيع، محاذاة، مقارنة خوارزمية وتسجيل — تحدد ما إذا كانت لقطتا شاشة لنفس صفحة الويب متطابقتين بصريًا أم توجد اختلافات كبيرة بينهما.
ربما تستخدم بالفعل أداة اختبار بصري. أو تفكر في تبني واحدة. في كلتا الحالتين، ربما تساءلت: "لكن عمليًا، كيف يعمل هذا؟"
الإجابة أكثر تعقيدًا مما تبدو. ليس مجرد "أخذ صورتين ومعرفة إن كانتا متشابهتين". خلف هذه البساطة الظاهرية تختبئ خمس خطوات متميزة.
الخطوة 1: الالتقاط
لقطة شاشة صفحة ويب عملية متغيرة بشكل مدهش. نفس الموقع يمكن أن ينتج لقطات مختلفة قليلًا حسب المتصفح ونظام التشغيل وعرض الخطوط وتسريع GPU. المسؤولية الأولى للأداة هي إنتاج لقطات قابلة للتكرار قدر الإمكان. المحتوى الديناميكي يُعالج بمناطق الاستبعاد أو انتظار الاستقرار.
الخطوة 2: التطبيع
قبل المقارنة، يجب أن تكون الصور قابلة للمقارنة. نفس فضاء اللون وعمق البت ومستوى الضغط. فخ كلاسيكي: مقارنة PNG مع JPEG.
الخطوة 3: المحاذاة
الخطوة الأكثر استهانة. أضفت لافتة في الأعلى فنزل كل المحتوى 50 بكسل. بدون محاذاة، الخوارزمية تُعلّم كل قسم كمتغير. محاذاة جيدة تزيل 90% من الإنذارات الكاذبة.
الخطوة 4: المقارنة — ثلاث فلسفات
المقارنة بكسل ببكسل
دقيقة لكن حساسة بشكل مفرط.
المقارنة الإدراكية (pHash)
متينة ضد التغيرات الدقيقة لكن محدودة في التفاصيل.
المقارنة الهيكلية (SSIM)
الأقرب للإدراك البشري. تقارن السطوع والتباين والبنية.
للمزيد: مقال مفصل عن pHash وSSIM وpixel diff.
الخطوة 5: التسجيل والقرار
عتبة صارمة جدًا تولّد إنذارات كاذبة. متساهلة جدًا تترك الانحدارات تمر. أفضل الأدوات تسمح بعتبات حسب الصفحة والمنطقة.
الأسئلة الشائعة
ما الفرق بين المقارنة بكسل ببكسل والإدراكية؟
بكسل ببكسل تفحص كل نقطة. الإدراكية تقيّم التشابه العام وتصفي التغيرات الدقيقة.
لماذا تكتشف أداتي اختلافات في صفحات تبدو متطابقة لي؟
تغيرات دقيقة في العرض: مضاد التعرج، عرض تحت البكسل، ضوضاء الضغط، عناصر ديناميكية.
هل تعمل مع الرسوم المتحركة؟
الأدوات تلتقط حالة ثابتة. مناطق الرسوم المتحركة يجب استبعادها.
ما العتبة الموصى بها؟
صفحات حرجة: أقل من 0.1%. صفحات محتوى: 0.5% إلى 1%.
هل تكتشف تغيرات ألوان دقيقة؟
Pixel diff نعم. SSIM تكتشف التغيرات المؤثرة إدراكيًا. pHash قد تفوتها.
الخاتمة
مقارنة لقطات الشاشة مشكلة تبدو بسيطة لكنها غنية تقنيًا. الآن وقد عرفت ما يحدث خلف الكواليس، أنت أفضل استعدادًا لاختيار واستخدام أداتك. وإن أردت رؤية كل هذا عمليًا، Delta-QA بانتظارك.