أداة مقارنة الصور
قارن صورتين بكسلاً بكسل واكتشف فوراً ما تغيّر، مع صورة فروق مميزة وملخص بالنسبة المئوية — تتم المعالجة بالكامل محلياً في متصفحك.
🔒 تتم المعالجة محليًا في متصفحك
Loading…
كيفية الاستخدام
- اسحب وأفلت (أو انقر لاختيار) صورتك الأصلية في منطقة "قبل".
- اسحب وأفلت (أو انقر لاختيار) الصورة التي تريد مقارنتها بها في منطقة "بعد".
- انقر على "قارن الصور" — تتم مقارنة الصورتين بكسلاً بكسل بالكامل داخل متصفحك.
- راجع صورة الفروق المميزة ونسبة البكسلات المختلفة، ثم قم بتنزيل صورة الفروق إذا لزم الأمر.
المميزات
- مقارنة على مستوى البكسل باستخدام مكتبة pixelmatch مفتوحة المصدر
- يبرز كل بكسل مختلف على خلفية معتمة لتسهيل ملاحظة التغييرات
- يعرض العدد الدقيق ونسبة البكسلات المختلفة
- يشير بوضوح إلى الصور ذات الأبعاد غير المتطابقة بدلاً من مقارنتها بشكل خاطئ
- معالجة 100% من جانب المتصفح — صورك لا تُرفع أبداً إلى أي خادم
الأسئلة الشائعة
ما فائدة هذه الأداة؟
إنها مفيدة جداً لاختبارات الانحدار البصري (التحقق من عدم تغيّر واجهة المستخدم بشكل غير متوقع بين الإصدارات)، ومقارنة نسختين من تصميم أو لقطة شاشة، واكتشاف التعديلات الدقيقة في صورة ما، أو التحقق من أن صورة أُعيد ضغطها دون فقدان ملحوظ في الجودة.
لماذا يجب أن تكون الصورتان بنفس الأبعاد؟
تعمل المقارنة بكسلاً بكسل، حيث يُطابق كل بكسل في الصورة الأولى مع البكسل الموجود في نفس الموضع في الصورة الثانية. إذا كانت الصورتان بأحجام مختلفة، فلا يوجد تطابق منطقي واحد لواحد، لذا تعرض الأداة خطأً واضحاً بدلاً من مقارنة بيانات غير متطابقة.
كيف يتم إنشاء صورة الفروق؟
تستخدم الأداة pixelmatch، وهي مكتبة مفتوحة المصدر لمقارنة البكسلات. يتم تعتيم المناطق المتطابقة، ويتم إبراز البكسلات التي تختلف بما يتجاوز حداً صغيراً يراعي تنعيم الحواف بلون زاهٍ ليظهر فوراً.
هل تُرفع صوري إلى أي مكان؟
لا. يتم تحميل الصورتين ومقارنتهما بالكامل داخل متصفحك باستخدام واجهة Canvas API. لا يُرسل أي شيء إلى خادم.
لماذا قد تُظهر صورتان متطابقتان بصرياً بعض البكسلات المختلفة؟
قد تتسبب اختلافات طفيفة في الضغط أو ملفات تعريف الألوان أو إعادة الترميز في تغيير طفيف لقيم بعض البكسلات حتى لو بدت الصورتان متطابقتين للعين. عادةً ما تشير نسبة صغيرة جداً من البكسلات المختلفة إلى هذا النوع من التشويش وليس إلى تغيير بصري حقيقي.