المدونة
العربية

مقارنة صورتين — إيجاد الفروق أونلاين

يجد البكسلات المختلفة بين صورتين ويعلّمها، مع عرض التراكب وشريط التمرير

تعمل في متصفحك · لا يُرفع أي شيء

الصورة A (الأصلية)

الصورة A (الأصلية)

أضف الصورة المرجعية أولًا. JPG أو PNG أو WebP أو GIF أو BMP، ويمكن اللصق بالضغط على Ctrl+V أيضًا.

الصورة B (المعدَّلة)

الصورة B (المعدَّلة)

أضف الصورة المعدَّلة. بعد إضافة A يذهب اللصق (Ctrl+V) إلى B.

القيمة 0 تلتقط أصغر تغيّر في اللون، والقيم الأعلى تعامل الألوان المتقاربة على أنها متساوية. القيمة الافتراضية 0.1 تتجاهل تشويش ضغط JPG المعتاد.

عند إيقافه تظهر بكسلات الحواف الناعمة المختلفة باللون الأصفر ولا تُحتسب.

أضف الصورتين وستبدأ المقارنة فورًا.

ما الذي تفعله الأداة؟

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

طريقة الاستخدام

  1. ضع الصورة المرجعية في الصورة A (الأصلية) والمعدَّلة في الصورة B (المعدَّلة). يمكن لصق لقطات الشاشة بالضغط على Ctrl+V؛ وبعد ملء A يذهب اللصق إلى B.
  2. تبدأ المقارنة بمجرد إضافة الصورتين: يظهر عدد البكسلات المختلفة ونسبتها وموضع المنطقة المتغيرة.
  3. حرّك شريط الحساسية لتحدد مقدار التغيير اللوني الصغير الذي يُتجاهل.
  4. من العرض اختر «الاختلافات» أو «تراكب» (مع عتامة B) أو «شريط تمرير» (A على اليسار وB على اليمين).
  5. انقر حفظ صورة الاختلافات PNG لتنزيل النتيجة.

كيف تعمل الأداة؟

  • مقارنة البكسلات: تُقارن الألوان في الموضع نفسه بمسافتها في فضاء الألوان YIQ، الذي يتبع طريقة إدراك الناس للسطوع. العتبة 0 تلتقط أصغر تغيير؛ والقيم القريبة من 1 متساهلة. والافتراضي 0.1.
  • تنعيم الحواف: البكسلات التي تُكتشف على أنها حواف ناعمة، بالحكم عليها مقارنة بجيرانها، تُرسم بالأصفر وتُستبعد من العدّ (اختياري).
  • صورة الاختلافات: تظهر المناطق غير المتغيرة من الأصل بلون رمادي باهت (10%)، والبكسلات المختلفة بالأحمر.
  • الحجم: فوق 8 ملايين بكسل تُصغَّر الصورتان بالنسبة نفسها للمقارنة، وتُحوَّل إحداثيات المنطقة المتغيرة إلى بكسلات A الأصلية.
  • محرّك المقارنة هو pixelmatch (رخصة ISC).

أمثلة

A B النتيجة
لقطة شاشة قبل التعديل بحجم 1280×800 الصفحة نفسها بنص زر جديد أحمر حول الزر فقط، مع عرض إحداثيات المنطقة
صورة PNG الملف نفسه مرة أخرى رسالة «لا توجد اختلافات»
لافتة بحجم 1200×600 اللافتة مقصوصة إلى 1000×600 مع الإبقاء على الحجم يُعدّ الشريط المقصوص كله (200 px) مختلفًا

لاختلافات النصوص استخدم أداة مقارنة النصوص؛ ولقص جزء من صورة وفحصه عن قرب جرّب أداة قص الصور.

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

هل يمكنني مقارنة صورتين بحجمين مختلفين؟

نعم. خيار «ملاءمة B مع A» للشاشة نفسها المحفوظة بدقة أخرى؛ وخيار «الإبقاء على الحجم والمحاذاة إلى أعلى اليسار» لصورة مقصوصة أو موسّعة. عند الإبقاء على الحجم يُعدّ مختلفًا كل ما تغطيه صورة واحدة فقط.

تُظهر صور JPG اختلافات أكثر من اللازم بكثير.

يترك ضغط JPG تغييرات لونية دقيقة لا تراها العين. رفع العتبة من 0.1 إلى نحو 0.2–0.3 يتجاهل هذا التشويش ويُبقي التغييرات الحقيقية.

ما البكسلات الصفراء؟

بكسلات الحواف الناعمة للنصوص والخطوط (تنعيم الحواف أو anti-aliasing) التي تختلف قليلًا، وغالبًا ما يكون سببها مجرد طريقة عرض الخط. تظهر افتراضيًا باللون الأصفر ولا تُحتسب؛ فعّل الخيار لاحتسابها.

فيمَ تفيد هذه الأداة؟

مقارنة لقطات الشاشة قبل تعديل موقع وبعده، واكتشاف التعديلات في مراجعة تصميم، وفحص بروفة الطباعة مقابل الأصل، أو ألغاز «أوجد الفرق».

هل تُرفع صوري؟

لا. تُقارن الصورتان داخل متصفحك فقط.

لم تجد الأداة التي تبحث عنها؟