इमेज / फ़ोटो कार्यशाला

पहले और बाद का स्लाइडर

एडिट किए जा सकने वाले लेबल और लाइव स्लाइडर के साथ पहले और बाद की तुलना बनाएं। दोनों इमेज शामिल वाली पोर्टेबल HTML फ़ाइल, एनिमेटेड GIF वाइप या जहाँ उपलब्ध हो, WebM डाउनलोड करें।

पहले और बाद का स्लाइडर: यह पहले वाली इमेज का अनुपात रखता है और बाद वाली इमेज को उसमें फिट करने के लिए केंद्र से क्रॉप करता है। HTML डाउनलोड में दोनों PNG इमेज data URIs के रूप में और कीबोर्ड से चलाया जा सकने वाला अपना range slider शामिल होता है। GIF वाइप 480 by 480 पिक्सेल के भीतर फिट होते हैं; जहाँ ब्राउज़र रिकॉर्डिंग उपलब्ध हो, वहाँ WebM वाइप लगभग two seconds तक रिकॉर्ड होते हैं। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।

श्रेणी
इमेज टूल्स
रन
आपके ब्राउज़र में
लागत
मुफ़्त · साइन अप की ज़रूरत नहीं
उपलब्धता
इस्तेमाल के लिए तैयार
पहले और बाद का स्लाइडरलोकल प्रोसेसिंग

पूरी तरह आपके ब्राउज़र में चलता है

अगले रास्टर निर्यात पर लागू होता है।
पहले वाली फ़ोटो चुनें

क्लिक करें, खींचकर छोड़ें या पेस्ट करें · इसी डिवाइस पर रहता है

बाद वाली फ़ोटो चुनें

क्लिक करें, खींचकर छोड़ें या पेस्ट करें · इसी डिवाइस पर रहता है

पहले वाली फ़ोटो अनुपात तय करती है; फ़िट करने के लिए बाद वाली फ़ोटो को केंद्र से क्रॉप किया जाता है। स्थिर और HTML इमेज 1200 × 1200 pixels के दायरे में रहती हैं। GIF वाइप 480 × 480 pixels के दायरे में रहते हैं।

HTML एक्सपोर्ट में इमेज और स्लाइडर कोड एक ही फ़ाइल में होते हैं। स्लाइडर खींचने या arrow keys इस्तेमाल करने के लिए फ़ाइल को ब्राउज़र में खोलें।

लाइव तुलना

तुलना करने के लिए दोनों फ़ोटो चुनें।

इस ब्राउज़र में WebM रिकॉर्डिंग उपलब्ध नहीं है। इसके बजाय GIF वाइप डाउनलोड करें।

पोर्टेबल तुलना

दोनों इमेज को समान अनुपात में सामान्यीकृत किया जाता है और HTML में PNG data URI के रूप में शामिल किया जाता है। एक native range input दिखाई देने वाले बाद के इमेज क्षेत्र को नियंत्रित करता है और कीबोर्ड के तीरों को सपोर्ट करता है। फ़ाइल में inline JavaScript शामिल है, जिसे सख़्त होस्टिंग नीतियाँ ब्लॉक कर सकती हैं।

ऐनिमेटेड एक्सपोर्ट

रिकॉर्डिंग से पहले WebM की उपलब्धता जाँची जाती है। WebM या canvas capture उपलब्ध न होने पर GIF fallback के रूप में इस्तेमाल होता है। MediaRecorder सपोर्ट जाँच: https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/isTypeSupported_static

इस्तेमाल करने का तरीका

  1. पहले और बाद की फ़ोटो चुनें।
  2. लेबल जोड़ें और तुलना स्लाइडर को खिसकाएँ।
  3. इंटरैक्टिव स्लाइडर के लिए HTML डाउनलोड करें, या एनिमेटेड वाइप के लिए GIF या समर्थित WebM डाउनलोड करें।

गोपनीयता और सीमाएँ

आपके इनपुट और इमेज आपके ब्राउज़र में ही रहते हैं। कुछ भी अपलोड नहीं होता।

संबंधित टूल्स

इमेज तुलनाइंस्टेंट फ़ोटो फ़्रेमइमेज रिसाइज़र

अक्सर पूछे जाने वाले सवाल

क्या HTML ऑफ़लाइन काम करता है?

हाँ। इसमें दोनों इमेज और स्लाइडर का कोड एक ही फ़ाइल में शामिल होता है और किसी बाहरी अनुरोध की ज़रूरत नहीं होती।

WebM बंद क्यों है?

ब्राउज़र में WebM रिकॉर्डिंग और canvas capture का समर्थन होना ज़रूरी है। इनके उपलब्ध न होने पर GIF वाइप का इस्तेमाल करें।

यह image comparison slider से कैसे अलग है?

यह पेज काम करने वाला HTML स्लाइडर और एनिमेटेड वाइप डाउनलोड करता है। image comparison slider एक स्थिर PNG डाउनलोड करता है, जिसमें अगल-बगल वाले लेआउट भी शामिल हैं।

मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं