छवि क्रॉप

छवि क्रॉपर क्या है?#

क्रॉप सबसे सरल छवि संक्रिया जान पड़ती है — एक आयत रखें, बाकी फेंक दें। पर जैसे ही आपको इसे सही करना होता है, प्रश्नों का एक पूरा समूह आ जाता है: क्या क्रॉप किसी थंबनेल या बैनर स्लॉट हेतु निश्चित पहलू अनुपात रखता है, क्या मैं पहले झुकी हुई क्षितिज ठीक कर सकता हूँ, क्या निर्यात अपलोड हेतु पर्याप्त छोटा होगा, और क्या इनमें से कुछ भी मेरा डिवाइस छोड़ता है? यह पृष्ठ एक पूर्ण क्रॉप स्टूडियो है जो ब्राउज़र में ही चारों का उत्तर देता है।

आप एक छवि खींचते हैं, उसके ऊपर चयन बॉक्स बनाते हैं (या उसके आठ हैंडल में से किसी को पकड़कर आकार बदलते हैं), वैकल्पिक रूप से पूरे फ़्रेम को घुमाते या पलटते हैं, चयन को 1:1 या 16:9 जैसे अनुपात पर लॉक करते हैं, और क्रॉप क्षेत्र को अपनी चुनी गुणवत्ता पर PNG, JPEG, या WebP के रूप में निर्यात करते हैं। सब कुछ इस टैब के अंदर Canvas API पर चलता है — मूल फ़ाइल स्थानीय रूप से पढ़ी जाती है और परिणाम स्थानीय रूप से पुनः एन्कोड होता है, इसलिए कुछ भी अपलोड नहीं होता।

इसका उपयोग कैसे करें#

1. कोई चित्र डैश वाले छोड़ें क्षेत्र पर खींचें (या फ़ाइल चुनने हेतु उस पर क्लिक करें)। संपादक दिखाई देता है, ड्रॉप ज़ोन को प्रतिस्थापित करते हुए।
2. क्रॉप से पहले पूरे फ़्रेम को बदलने हेतु पूर्वावलोकन के ऊपर टूलबार का उपयोग करें:
   • 90° घुमाएँ हर क्लिक पर छवि को 90° दक्षिणावर्त घुमाता है। क्रॉप चयन घुमाए गए निर्देशांक स्थान में ट्रैक होता है, इसलिए यह हमेशा आप जो देखते हैं उसके साथ मिलता है।
   • क्षैतिज पलटें / लंबवत पलटें फ़्रेम को क्षैतिज या लंबवत दर्पणित करते हैं।
3. ड्रॉपडाउन से कोई पक्षानुपात चुनें: स्वतंत्र (कोई भी आयत खींचें), 1:1 (अवतार / प्रोफ़ाइल), 4:3, या 16:9 (वॉलपेपर / वीडियो कवर)। अनुपात लॉक होने पर, आप खींचते समय बॉक्स उसी आकार को बनाए रखता है — कोने के हैंडल आपके कर्सर को समाहित करने बढ़ते हैं, किनारे के हैंडल लंबवत भुजा स्वतः निकालते हैं।
4. बॉक्स को स्थानांतरित करने हेतु उसके बॉडी को खींचें; आकार बदलने हेतु इसके किसी भी आठ हैंडल को खींचें। माउस और टच दोनों काम करते हैं।
5. पूर्वावलोकन के नीचे निर्यात विकल्प सेट करें:
   • आउटपुट प्रारूप — JPEG (सबसे छोटा, हानिपूर्ण), WebP (छोटा, आधुनिक), या PNG (हानिरहित; गुणवत्ता स्लाइडर अक्षम क्योंकि PNG का कोई गुणवत्ता नॉब नहीं)।
   • अधिकतम भुजा — पिक्सेल में एक संख्या; क्रॉप की लंबी भुजा अनुपात सुरक्षित रखते हुए इस मान तक सीमित है। पूर्ण क्रॉप रिज़ॉल्यूशन रखने हेतु इसे 0 छोड़ें।
   • गुणवत्ता — 5–100, केवल JPEG और WebP द्वारा उपयोग। 92 एक समझदार डिफ़ॉल्ट है; थंबनेल हेतु 80 पर लाएँ।
6. डाउनलोड के बगल का रीडआउट देखें: यह चयन आकार और परिणामी आउटपुट आकार दिखाता है, जैसे 1:1 चयन 800 तक सीमित होने पर 1500×1500 → 800×800।
7. सहेजने हेतु डाउनलोड क्लिक करें। चयन को उसके केंद्रित डिफ़ॉल्ट पर वापस लाने हेतु रीसेट का उपयोग करें।

मुख्य विशेषताएँ#

• अनुपात-लॉक आकार परिवर्तन जो वास्तव में सही महसूस हो। कोने के हैंडल दोनों अक्षों पर आपके कर्सर तक बढ़ते हैं; किनारे के हैंडल केवल खींची गई धुरी समायोजित करते हैं और दूसरी को अनुपात से पुनः गणना करते हैं। कोई आकस्मिक खिंचाव नहीं।
• परिवर्तन-जागरूक चयन। घुमाव और पलटाव एक ऑफ़स्क्रीन canvas पर एक बार लागू होते हैं, और क्रॉप बॉक्स उस परिवर्तित स्थान में रहता है, इसलिए आप जो चुनते हैं वही निर्यात होता है — पूर्वावलोकन और आउटपुट में कोई बेमेल नहीं।
• ईमानदार गुणवत्ता सहित तीन प्रारूप। PNG हानिरहित चिह्नित होता है और चुपचाप अनदेखा करने के बजाय स्लाइडर अक्षम करता है। JPEG और WebP सीधे एन्कोडर को वास्तविक गुणवत्ता मान देते हैं।
• वैकल्पिक आउटपुट सीमा। एक अधिकतम आयाम सेट करें और क्रॉप अनुपात सुरक्षित रखते हुए स्केल होता है — अवतार, Open Graph छवि, या अपलोड सीमा हेतु सुविधाजनक — बिना आपके गणित किए।
• लाइव पहले/बाद रीडआुट। चयन आयाम और अंतिम आउटपुट आयाम साथ-साथ हैं, ताकि कोई सीमा या अनुपात परिवर्तन प्रतिबद्ध होने से पहले दिखाई दे।
• 100% स्थानीय। छवि ब्राउज़र द्वारा डिकोड और पुनः एन्कोड होती है। कोई अपलोड एंडपॉइंट नहीं।

विस्तृत उदाहरण#

आपके पास 4000×3000 लैंडस्केप फ़ोटो है और एक 16:9 बैनर थंबनेल चाहिए जिसकी लंबी भुजा 1280px हो। फ़ोटो लोड करें, पक्षानुपात 16:9 सेट करें, और चयन को क्षितिज पर खींचें। क्योंकि अनुपात लॉक है, बॉक्स 16:9 आयत में स्नैप होता है; मान लीजिए चयन स्रोत पिक्सेल में 4000×2250 पर टिकता है। अब अधिकतम भुजा में 1280 टाइप करें। रीडआउट अद्यतन हो जाता है:

crop size  4000 × 2250  →  1280 × 720

प्रारूप: JPEG चुनें, गुणवत्ता 92 पर छोड़ें, और डाउनलोड करें। आपको दृश्य के अनुसार लगभग 180–280 KiB का 1280×720 JPEG मिलता है — मूल मल्टी-मेगाबाइट फ़ाइल का एक अंश, उस सटीक पहलू अनुपात के साथ जो हीरो बैनर को चाहिए और बिना लेटरबॉक्सिंग। इसी प्रवाह से 1:1 और अधिकतम भुजा 512 पर अपलोड-तैयार प्रोफ़ाइल चित्र मिलता है।

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

चयन एक निश्चित आकार से छोटा नहीं जाता — क्यों?#

एक 8-पिक्सेल न्यूनतम किनारा है, लागू किया गया ताकि हैंडल पकड़ने योग्य रहें और निर्यात कभी अव्यवहार्य पतली पट्टी न हो। यदि आपको अत्यंत संकरा क्रॉप चाहिए, तो ज़ूम इन करके छोटा क्षेत्र क्रॉप न करें — बड़ा क्षेत्र क्रॉप करें, फिर अधिकतम भुजा से स्केल डाउन करें।

मैंने 16:9 लॉक किया लेकिन बॉक्स किनारे के पास खींचने पर आकार बदल गया।#

वह बाउंड्स क्लैम्प है जो बॉक्स को पूरी तरह छवि के अंदर रखता है। जब अनुपात-लॉक बॉक्स किसी किनारे से आगे जाने लगे, तो छोटी भुजा घटाई जाती है ताकि अनुपात उपलब्ध स्थान में बचे। पहले बॉक्स को केंद्र की ओर ले जाएँ, फिर आकार बदलें।

मैं JPEG या WebP निर्यात करूँ?#

समान गुणवत्ता पर WebP आम तौर पर JPEG से 25–35% छोटा होता है और अब हर ज़रूरी जगह समर्थित है। JPEG केवल तब उपयोग करें जब आगे कोई विरासत पाइपलाइन WebP अस्वीकार करती हो। PNG तब उपयोग करें जब क्रॉप कोई लोगो, UI स्क्रीनशॉट, या तेज़ किनारों और समतल रंग वाली कोई चीज़ हो जहाँ हानिपूर्ण कलाकारी दिखाई देंगी।

क्या क्रॉप करने से फ़ाइल आकार घटता है?#

हाँ, दो तरीकों से: कम क्षेत्र का मतलब एन्कोड करने हेतु कम पिक्सेल, और अधिकतम भुजा उसके ऊपर डाउनस्केल कर सकता है। पर गुणवत्ता 100 पर किसी शोर वाली फ़ोटो का 200×200 क्रॉप पूरी छवि गुणवत्ता 80 से बड़ा हो सकता है — हानिपूर्ण आकार हेतु असली लीवर गुणवत्ता स्लाइडर है।