इमेज क्रॉप करें

क्रॉपिंग कैसे काम करती है

जब आप कोई इमेज खोलते हैं, ब्राउज़र उसे createImageBitmap() से रॉ पिक्सल में डिकोड करता है और उसका ओरिएंटेशन ठीक करता है। आप पूर्वावलोकन पर एक क्रॉप बॉक्स खींचते हैं; टूल उस बॉक्स को स्क्रीन निर्देशांक से मूल इमेज के पिक्सल पर एक ही समान स्केल से मैप करता है, फिर सिर्फ़ उस आयत को ctx.drawImage(image, sx, sy, sw, sh, 0, 0, sw, sh) से एक नए कैनवास पर कॉपी करता है। अंत में canvas.toBlob() परिणाम को JPEG, PNG या WebP में एन्कोड करता है। कोई अपलोड नहीं और कोई सर्वर राउंड-ट्रिप नहीं — पूरी क्रॉपिंग आपके टैब में होती है।

• बॉक्स के बीच को खींचें चयन हिलाने के लिए; उसे रीसाइज़ करने के लिए कोई कोना या किनारा हैंडल खींचें।
• कोई रेशियो लॉक करें (1:1, 16:9, पासपोर्ट 7:9…) ताकि रीसाइज़ करते समय क्रॉप एक तय आकार बनाए रखे।
• इमेज को पहले घुमाएँ या फ़्लिप करें यदि वह तिरछी या उलटी हो, फिर क्रॉप करें।
• गोल क्रॉप किसी वर्ग चयन को वृत्त में मास्क करता है और पारदर्शी PNG सेव करता है।

आम फ़ोटो क्रॉप साइज़

आस्पेक्ट रेशियो आकार तय करता है; सटीक पिक्सल साइज़ एक अलग चरण है — यहाँ रेशियो में क्रॉप करें, फिर इमेज रीसाइज़र खोलकर वह सटीक चौड़ाई और ऊँचाई सेट करें जो कोई फ़ॉर्म माँगता है।

क्रॉप, रीसाइज़ या कंप्रेस — आपको किसकी ज़रूरत है?

साफ़ क्रॉप के लिए सुझाव

• पहले रेशियो चुनें। स्थिति तय करने से पहले आकार लॉक करें (जैसे परीक्षा फ़ोटो के लिए 1:1, पासपोर्ट के लिए 7:9), ताकि बॉक्स रीसाइज़ करने पर वह विकृत न हो।
• विषय को बीच में रखें। ID फ़ोटो के लिए सिर को थोड़ी जगह के साथ बीच में रखें — अधिकांश पोर्टल बीच से हटे या तिरछे चेहरे अस्वीकार कर देते हैं।
• क्रॉप करें, फिर रीसाइज़ करें, फिर कंप्रेस करें। यहाँ सही आकार में क्रॉप करें, रीसाइज़र से सटीक पिक्सल सेट करें, फिर कंप्रेस-टू-साइज़ से KB सीमा तक पहुँचें — यही क्रम सबसे अधिक क्वालिटी बनाए रखता है।
• गोल और ग्राफ़िक्स के लिए PNG इस्तेमाल करें। गोल क्रॉप और टेक्स्ट/लाइनों वाली इमेज PNG में तीखी रहती हैं और पारदर्शी कोने बनाए रखती हैं; सामान्य फ़ोटो के लिए JPEG सबसे अच्छा है।
• यदि फ़ोटो तिरछी हो तो क्रॉप करने से पहले घुमाएँ — क्रॉप बॉक्स हमेशा सीधी इमेज पर काम करता है।

आस्पेक्ट रेशियो असल में क्या है

आस्पेक्ट रेशियो बस किसी इमेज की चौड़ाई की उसकी ऊँचाई से तुलना है, जिसे कोलन से अलग किए दो नंबरों में लिखा जाता है। 1:1 रेशियो एक पूर्ण वर्ग है; 16:9 एक चौड़ा आयत है जो हर 9 इकाई ऊँचाई पर 16 इकाई चौड़ा है। ये नंबर एक अनुपात हैं, पिक्सल नहीं — 16:9 किसी 1920×1080 फ़्रेम और किसी 1280×720 फ़्रेम को समान रूप से बताता है, क्योंकि दोनों घटकर वही 16:9 बनते हैं। सरलतम रूप आप उसी तरह पाते हैं जैसे किसी भिन्न को सरल करते हैं: दोनों पक्षों को उनके महत्तम समापवर्तक से भाग दें। 1920×1080 दोनों को 120 से भाग देने पर 16:9 मिलता है; 35×45 mm की भारतीय पासपोर्ट फ़ोटो को 5 से भाग देने पर 7:9 मिलता है।

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

• 1:1 (वर्ग) — प्रोफ़ाइल तस्वीरें, ऐप आइकन, अधिकांश परीक्षा और ID फ़ोटो, Instagram का क्लासिक फ़ॉर्मैट।
• 4:3 — पारंपरिक फ़ोटो और पुरानी स्क्रीन का रेशियो; अब भी प्रिंट और कई कैमरा सेंसर के लिए आम।
• 3:2 — 35 mm फ़िल्म रेशियो, अधिकांश DSLR और मानक 4×6 इंच प्रिंट में इस्तेमाल।
• 16:9 — वाइडस्क्रीन वीडियो और आधुनिक डिस्प्ले रेशियो; YouTube थंबनेल और स्लाइड बैकग्राउंड के लिए सही आकार।
• 9:16 — वर्टिकल वीडियो: Reels, Shorts, TikTok और फ़ोन-स्क्रीन वॉलपेपर।
• 7:9 — 35×45 mm अनुपात जो भारतीय पासपोर्ट और अधिकांश वीज़ा फ़ोटो में इस्तेमाल होता है।

मिलीमीटर से पिक्सल तक: प्रिंट साइज़ और DPI

पासपोर्ट और स्टैम्प-साइज़ की ज़रूरतें मिलीमीटर में दी जाती हैं, पर डिजिटल इमेज पिक्सल में मापी जाती है, और इन दोनों के बीच का पुल है DPI (डॉट्स प्रति इंच, यानी पिक्सल प्रति इंच)। रूपांतरण सरल गणित है: पिक्सल = मिलीमीटर ÷ 25.4 × DPI, क्योंकि एक इंच में 25.4 mm होते हैं। प्रिंट फ़ोटो पारंपरिक रूप से 300 DPI पर बनाई जाती हैं, वही बिंदु जहाँ पढ़ने की दूरी पर अलग-अलग डॉट अदृश्य हो जाते हैं।

गणना करके, 300 DPI पर 35 × 45 mm की भारतीय पासपोर्ट फ़ोटो (35 ÷ 25.4 × 300) × (45 ÷ 25.4 × 300) ≈ 413 × 531 पिक्सल होती है। 300 DPI पर US 2 × 2 इंच वीज़ा फ़ोटो ठीक 600 × 600 पिक्सल होती है। इसीलिए "यहाँ रेशियो में क्रॉप करें, फिर सटीक पिक्सल साइज़ पर रीसाइज़ करें" अनुशंसित क्रम है: क्रॉपिंग आकार तय करती है (7:9, 1:1), और रीसाइज़ चरण उस आकार को उस सटीक पिक्सल संख्या में बदल देता है जो कोई पोर्टल माँगता है। अधिक DPI केवल तभी चुनें जब कोई प्रिंटर विशेष रूप से माँगे — किसी ऑन-स्क्रीन अपलोड के लिए पोर्टल के बताए पिक्सल डाइमेंशन ही मायने रखते हैं, और DPI बस वह इकाई है जिससे आप उन तक पहुँचे।

कंपोज़िशन: विषय को कहाँ रखें

एक अच्छा क्रॉप उतना ही इस बारे में है कि आप क्या हटाते हैं जितना कि क्या रखते हैं। दो सरल नियम अधिकांश स्थितियों को कवर कर लेते हैं:

• तिहाई का नियम (rule of thirds)। फ़्रेम को 3×3 ग्रिड में बँटा हुआ मानें। अपने विषय — या किसी व्यक्ति की आँखों — को किसी ग्रिड लाइन या चौराहे पर रखना बिल्कुल-बीच की तुलना में अधिक स्वाभाविक और संतुलित दिखता है। यह सदियों से फ़ोटोग्राफ़रों द्वारा इस्तेमाल किया गया दिशानिर्देश है, कोई नियम नहीं, पर हीरो इमेज, बैनर और सोशल पोस्ट के लिए यह एक भरोसेमंद डिफ़ॉल्ट है।
• ID फ़ोटो के लिए हेडरूम और केंद्रण। पहचान दस्तावेज़ उस सलाह को उलट देते हैं: पासपोर्ट, वीज़ा और परीक्षा पोर्टल सिर को बीच में, सामने की ओर देखते हुए चाहते हैं, बालों के ऊपर थोड़ी और समान जगह के साथ और चेहरा फ़्रेम के एक निश्चित हिस्से को भरता हुआ। बीच से हटे, तिरछे या ज़ूम-इन चेहरे किसी स्वचालित फ़ोटो जाँच द्वारा अपलोड अस्वीकार करने के सबसे आम कारणों में हैं, इसलिए इनके लिए समर्पित फ़ोटो प्रीसेट इस्तेमाल करें और चेहरा बीच में सीधा रखें।

कसकर क्रॉप करने का एक छिपा लाभ भी है: सिर्फ़ विषय तक क्रॉप की गई फ़ोटो, जिसका बैकग्राउंड हटा दिया गया हो, खाली जगह से भरी फ़ोटो की तुलना में कहीं छोटी फ़ाइल में कंप्रेस होती है — तब उपयोगी जब वही इमेज किसी सख़्त KB सीमा में फ़िट होनी हो।

गोल क्रॉप, पारदर्शिता और फ़ॉर्मैट का चुनाव

एक गोल अवतार असल में एक वर्ग क्रॉप है जिसके कोने अदृश्य बना दिए गए हों, और वही "अदृश्य" पेच है। सिर्फ़ अल्फ़ा चैनल वाले फ़ॉर्मैट — वह अतिरिक्त परत जो दर्ज करती है कि हर पिक्सल कितना पारदर्शी है — आर-पार दिखने वाले कोने संग्रहीत कर सकते हैं। PNG और WebP के पास यह है; JPEG के पास नहीं। यदि आपने किसी गोल क्रॉप को JPEG के रूप में सेव किया, तो फ़ॉर्मैट के पास पारदर्शिता दर्ज करने की कोई जगह नहीं है, इसलिए वह चारों कोनों को एक ठोस रंग (इस टूल में सफ़ेद) से भर देगा और आपको साफ़ वृत्त के बजाय सफ़ेद-कोने वाला वर्ग मिलेगा। इसीलिए गोल टॉगल हमेशा PNG आउटपुट करता है: कोने सचमुच पारदर्शी रहते हैं, इसलिए अवतार किसी भी बैकग्राउंड रंग पर साफ़-सुथरा बैठता है जिसे कोई वेबसाइट या ऐप उसके पीछे रखता है।

आयताकार क्रॉप के लिए फ़ॉर्मैट का चुनाव सामग्री के अनुसार होता है। सामान्य फ़ोटो के लिए JPEG चुनें जहाँ छोटी फ़ाइल मायने रखती है और थोड़ा कंप्रेशन अदृश्य रहता है; स्क्रीनशॉट, लोगो, लाइन आर्ट या तीखे टेक्स्ट और सपाट रंग वाली किसी भी चीज़ के लिए PNG चुनें, जहाँ लॉसलेस एन्कोडिंग किनारों को तीखा रखती है; WebP तब चुनें जब आप छोटे साइज़ पर PNG-स्तर की क्वालिटी चाहते हों और गंतव्य उसे समर्थन करता हो।

क्या क्रॉप करने से क्वालिटी घटती है? पिक्सल, री-एन्कोडिंग और ओरिएंटेशन

क्रॉपिंग स्वयं लॉसलेस है: यह आपके चयन के बाहर के पिक्सल हटा देती है और भीतर वालों को हूबहू कॉपी करती है, बिना किसी खिंचाव या रीसैंपलिंग के, इसलिए हर रखा हुआ पिक्सल मूल के समान रहता है। क्वालिटी केवल अंतिम री-एन्कोड में बदल सकती है। यदि आप क्रॉप को JPEG के रूप में सेव करते हैं, एन्कोडर अपना सामान्य लॉसी कंप्रेशन लगाता है (क्वालिटी स्लाइडर से नियंत्रित); यदि आप PNG या लॉसलेस WebP के रूप में सेव करते हैं, तो वह चरण भी सटीक रहता है। इसलिए टेक्स्ट या बारीक लाइनों पर सबसे तीखे संभव परिणाम के लिए PNG आउटपुट करें; किसी सामान्य फ़ोटो में सबसे छोटी फ़ाइल के लिए क्वालिटी 85–92 पर JPEG स्रोत के समान दिखता है।

एक और बारीकी जो टूल आपके लिए संभालता है वह है EXIF ओरिएंटेशन। फ़ोन कैमरे अक्सर किसी फ़ोटो के पिक्सल तिरछे संग्रहीत करते हैं और एक मेटाडेटा फ़्लैग जोड़ते हैं जो कहता है "दिखाते समय इसे घुमाओ।" यदि कोई क्रॉपर उस फ़्लैग को अनदेखा करे, तो जिस इमेज को आप क्रॉप करते हैं और जो आप देखते हैं, दोनों में फ़र्क़ हो सकता है। यह टूल पहले ओरिएंटेशन लागू करके डिकोड करता है, इसलिए स्क्रीन पर सीधी तस्वीर बिल्कुल वही होती है जिस पर क्रॉप बॉक्स काम करता है — और चूँकि परिणाम कैनवास के ज़रिए दोबारा एन्कोड होता है, EXIF ब्लॉक (किसी भी GPS निर्देशांक सहित) आउटपुट से हट जाता है, जब भी आप क्रॉप की गई इमेज साझा करें तब एक छोटी प्राइवेसी जीत।

संबंधित टूल

• इमेज रीसाइज़र (सटीक पिक्सल)
• टारगेट साइज़ (KB) तक कंप्रेस करें
• इमेज कंप्रेसर (क्वालिटी से)
• इमेज से PDF