مقارنة الصور وإظهار الفروق

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

الصورة A (المرجع)
أفلت صورة هنا أو انقر لاختيارها
يمكنك أيضًا لصق صورة من الحافظة (Ctrl+V / ⌘V)
الصورة B (للمقارنة)
أفلت صورة هنا أو انقر لاختيارها
يمكنك أيضًا لصق صورة من الحافظة (Ctrl+V / ⌘V)

يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.

أدوات ذات صلة

عرض الكل

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

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

كيفية استخدام مقارنة الصور

  1. أسقط الصورة A (المرجع) والصورة B (للمقارنة) أو اخترهما.
  2. بدّل بين شريط تمرير وجنبًا إلى جنب والفرق.
  3. اقرأ نسبة عدم التطابق وعدد البكسلات.
  4. ارفع التسامح لتجاهل الفروق الصغيرة مثل ضوضاء JPEG.

مثال

الإدخال
Two 40×20 images that differ only in the bottom-right quadrant (white vs black), tolerance 0
الإخراج
25% of pixels differ (200 of 800 pixels)

متى تستخدم مقارنة الصور

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

كيف يعمل مقارنة الصور

تُفك الصورتان إلى RGBA. وإذا اختلف حجماهما تُعاد معاينة الصورة B إلى حجم الصورة A (ويُظهر إشعار ذلك). وتُقارَن كل زوج بكسلات: فإذا تجاوز الفرق المطلق في R أو G أو B أو ألفا قيمة التسامح عُدَّ البكسل غير مطابق ورُسم بالأحمر في خريطة الفرق؛ وتظهر البكسلات المتطابقة بتدرج رمادي باهت للصورة A. نسبة عدم التطابق % = البكسلات غير المتطابقة ÷ إجمالي البكسلات × 100.

حالات الاستخدام الشائعة

  • فحص ما تغيّر بين لقطتي شاشة لواجهة.
  • مقارنة صورة أصلية بنسختها المضغوطة.
  • التحقق من أن أصلًا أُعيد تصديره مطابق تمامًا.
  • عرض تعديلات قبل/بعد بشريط التمرير.

ملاحظة أمنية

تُفك الصور وتُعالَج وتُرمَّز محليًا في متصفحك بواجهة Canvas. لا يُرفع شيء إلى خادم.

الأسئلة الشائعة

ماذا يحدث إذا اختلف حجما الصورتين؟

تُغيَّر أبعاد الصورة B لتطابق الصورة A قبل المقارنة، ويظهر تحذير. وللحصول على نتائج دقيقة قارن صورًا بالأبعاد نفسها.

ماذا يفعل التسامح؟

لا يُعدّ البكسل مختلفًا إلا إذا اختلفت إحدى قنواته بأكثر من التسامح (0–255). استخدم 5–20 لتجاهل ضوضاء الضغط بفقدان.

هل تُحتسب الشفافية؟

نعم. تُقارَن قناة ألفا مثل قنوات الألوان.

الخطوات التالية المقترحة

استكشف المزيد من الفئات