सोशल मीडिया इमेज क्रॉपर
किसी फ़ोटो को उसी सटीक साइज़ में क्रॉप करें जो कोई प्लेटफ़ॉर्म चाहता है। प्रीसेट चुनें, रीपोज़िशन करने के लिए पैन और ज़ूम करें, डाउनलोड करें।
इमेज चुनने के लिए क्लिक करें, या इसे यहां खींचकर छोड़ें
आपकी डिवाइस पर ही रहता है, कुछ भी अपलोड नहीं होता।
क्रॉप प्रीव्यू देखने के लिए एक इमेज डालें और प्रीसेट चुनें।
यह कैसे काम करता है
हर प्रीसेट के लिए, टूल वह स्केल कैलकुलेट करता है जिससे आपकी इमेज टारगेट आस्पेक्ट रेशियो
को बिना किसी खाली किनारे के पूरी तरह कवर करे—यही गणित CSS के
object-fit: cover के पीछे भी है—फिर डिफ़ॉल्ट रूप से इसे बीच में रखता है।
ज़ूम स्लाइडर इसे और स्केल करता है और पैन स्लाइडर सोर्स इमेज पर दिखने वाली विंडो को शिफ़्ट
करते हैं; दोनों को canvas.drawImage में भेजे गए एक सोर्स रेक्टेंगल के रूप
में लागू किया जाता है, इसलिए क्रॉप हमेशा आपकी इमेज के पूरे रिज़ॉल्यूशन से रेंडर होता है,
किसी डाउनस्केल्ड प्रीव्यू से नहीं।
सब कुछ इस टैब में एक इन-मेमोरी कैनवस पर चलता है। आपकी फ़ोटो कभी अपलोड नहीं होती, और डाउनलोड सीधे उसी कैनवस से आता है।
सामान्य सवाल
डिफ़ॉल्ट रूप से क्रॉप कैसे पोज़िशन होता है?
बीच में—CSS के object-fit: cover की तरह, प्रीसेट के आस्पेक्ट रेशियो को फ्रेम भरने के लिए फ़िट किया जाता है, इमेज को उतना ही बड़ा किया जाता है कि कोई खाली जगह न दिखे, फिर उसे बीच में रखा जाता है। पैन स्लाइडर्स से तय करें कि इमेज का कौन-सा हिस्सा फ्रेम में रहेगा, और ज़्यादा टाइट क्रॉप के लिए ज़ूम करें।
क्या यह हर प्लेटफ़ॉर्म द्वारा सुझाया गया सटीक पिक्सेल साइज़ देता है?
हां, हर प्रीसेट उस प्लेटफ़ॉर्म के मौजूदा सुझाए गए पिक्सेल डाइमेंशन में डाउनलोड होता है, सिर्फ़ सही रेशियो में नहीं, इसलिए आपको अलग से रीसाइज़ करने की ज़रूरत नहीं पड़ती।
क्या मेरी फ़ोटो कहीं अपलोड होती है?
नहीं। क्रॉपिंग पूरी तरह आपके ब्राउज़र में canvas API का उपयोग करके होती है। कुछ भी अपलोड नहीं होता।