كيف تعمل شريط مقارنة الصور
منزلق مقارنة الصور يتيح لك تحميل صورتين جنبًا إلى جنب وسحب فاصل رأسي للكشف عن مزيد من إحدى الصورتين وأقل من الأخرى. هذا التخطيط قبل وبعد طريقة مباشرة ومنخفضة الاحتكاك لإظهار الفرق بين إصدارين من صورة. تُحمَّل كلتا الصورتين من قرصك المحلي باستخدام File API وتُعرضان على الشاشة بالمتصفح؛ لا شيء يُرفع إلى خادم.
يستخدم المنزلق نهج CSS clip-path لذا يكون الانتقال بين الصورتين دائمًا محاذيًا للبيكسل دون مزج أو استيفاء عند الحدود. يمكنك أيضًا التبديل إلى عرض الشاشة المنقسمة الذي يظهر الصورتين في لوحتين يسرى ويمنى ثابتتين. الأداة مفيدة لمقارنة تعديلات الصور ونتائج الضغط وتكرارات التصميم أو أي صورتين تريد رؤية الفروق بينهما بوضوح.