الصورة / ورشة الصور
شريط تمرير قبل وبعد
أنشئ مقارنة قبل وبعد مع تسميات قابلة للتحرير وشريط تمرير مباشر. نزّل ملف HTML قابلًا للنقل يتضمن الصورتين، أو تأثير مسح متحركًا بصيغة GIF، أو WebM حيثما كان مدعومًا.
شريط تمرير قبل وبعد: يستخدم أبعاد الصورة الأولى ويقص الصورة الثانية من الوسط لتلائمها. يتضمن تنزيل HTML صورتي PNG بصيغة data URI وشريط تمرير نطاق يمكن الوصول إليه باستخدام لوحة المفاتيح. تتوافق تأثيرات المسح بصيغة GIF مع مساحة تصل إلى 480 by 480 pixels، بينما تسجّل تأثيرات المسح بصيغة WebM لمدة نحو ثانيتين عندما يتوفر التسجيل من المتصفح. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات الصور
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
مقارنة مباشرة
اختر الصورتين لمقارنتهما.
تسجيل WebM غير متاح في هذا المتصفح. نزّل انتقال GIF بدلًا من ذلك.
مقارنة قابلة للنقل
تُطبّع الصورتان إلى النسب نفسها وتُضمّنان في HTML باعتبارهما معرّفات بيانات PNG. يتحكم حقل نطاق أصلي في مساحة صورة ما بعد التعديل الظاهرة، ويدعم أسهم لوحة المفاتيح. يحتوي الملف على JavaScript مضمّن، وقد تحجبه سياسات الاستضافة التقييدية.
التصديرات المتحركة
يُتحقق من توفر WebM قبل التسجيل. يُستخدم GIF كخيار بديل عند عدم توفر WebM أو التقاط canvas. فحص دعم MediaRecorder: https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/isTypeSupported_static
طريقة الاستخدام
- اختر صورتي قبل وبعد.
- أضف التسميات وحرّك شريط المقارنة.
- نزّل HTML لشريط تمرير تفاعلي، أو GIF أو WebM المدعوم لتأثير مسح متحرك.
الخصوصية والقيود
تبقى مدخلاتك وصورك في المتصفح. لا يُرفع أي شيء.
أدوات ذات صلة
الأسئلة الشائعة
هل يعمل HTML دون اتصال؟
نعم. يتضمن الصورتين ورمز شريط التمرير في ملف واحد، من دون أي طلبات خارجية.
لماذا تم تعطيل WebM؟
يجب أن يدعم المتصفح تسجيل WebM والتقاط اللوحة. عند عدم توفر ذلك، استخدم تأثير المسح بصيغة GIF.
ما الفرق بين هذه الأداة وشريط تمرير مقارنة الصور؟
تصدّر هذه الصفحة شريط تمرير HTML يعمل وتأثيرات مسح متحركة. أما شريط تمرير مقارنة الصور فيصدّر PNG ثابتة، بما في ذلك التخطيطات المتجاورة.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا