क्रॉप

इमेज क्रॉप करें गोल क्रॉप

ऑप्टिमाइज़

इमेज कंप्रेस करें बैकग्राउंड हटाएं AI इमेज अपस्केलर

बदलाव

इमेज रीसाइज़ करें

कन्वर्ट

अन्य

इमेज को PDF में बदलें

इमेज को ऑनलाइन सर्कल में Crop करें

JPG, PNG, WebP या AVIF drop करें और सेकंड में transparent circle download करें.

या यहां इमेज ड्रॉप करें

इस टूल के बारे में

अपनी कोई भी फोटो को browser में perfect circle में crop करें. JPG, PNG, WebP या AVIF को page पर drop करें और Cropper.js उसे एक circular stage में open कर देता है. Circle के handles drag करके अपना subject center करें, size adjust करें, फिर Save click करें. Browser आपका result transparent PNG, WebP या AVIF के रूप में encode करता है, या JPEG में flat circle बनाता है अगर आप background color चुनते हैं, और directly आपके device पर download हो जाता है. DevTools के Network tab में crop के दौरान कोई outbound image request नहीं दिखती. 25 MB और 16 megapixel तक की input files accept होती हैं. कुछ भी install किए बिना desktop और mobile दोनों पर काम करता है. ज़्यादातर लोग इसका use LinkedIn, Discord, Slack और Instagram के circular avatar slots के लिए headshot या logo को ready करने में करते हैं.

Circle crop tool open करें
फोटो को सर्कल में कैसे crop करें

फोटो को सर्कल में कैसे crop करें

अपनी फोटो को page पर drag करें या upload area पर click करके file pick करें. Image load होते ही Cropper.js v2 उसे एक circular stage पर open कर देता है जिसमें outside area dark overlay से muted रहता है. Center handle drag करके circle को अपने subject पर लगाएं, corner handles या pinch gesture से size adjust करें. Framing सही दिखने पर Save click करें. Browser एक temporary canvas बनाता है, circular mask apply करता है, और result transparent PNG (default), WebP, AVIF या flat JPEG में encode करके download कर देता है. DevTools का Network tab इस पूरे process के दौरान कोई POST request नहीं दिखाता.

Format चुनकर crop करें
Output format चुनें

Output format चुनें

चार output options हैं और हर एक की अपनी जगह है. PNG transparent circle export करता है, universally supported है, और logos या sharp-edge avatars के लिए best है. WebP भी transparent है, PNG से लगभग 25 से 40 percent smaller, और 2023 से सभी modern browsers support करते हैं. AVIF सबसे छोटी file देता है और transparency भी रखता है, लेकिन WASM encoder mid-range mobile पर 8 megapixel input के लिए 30 seconds तक ले सकता है. JPEG fastest है (~400ms desktop) लेकिन transparency नहीं रखता, इसलिए आपको circle के बाहर के लिए एक solid background color चुनना होगा. Lossless का claim सिर्फ PNG के लिए सच है.

किसी भी social platform के लिए crop करें
हर platform के लिए गोल photo

हर platform के लिए गोल photo

अलग-अलग platforms circular avatars को अलग sizes पर render करते हैं. LinkedIn profile photo को कम से कम 400×400 px पर expect करता है और feed में लगभग 48 px पर smaller दिखाता है. Discord server icons 512×512 max accept करते हैं, चैनल lists में 128×128 या 32 px तक. Instagram mobile profile पर लगभग 110 px circular avatar दिखाता है, feed thumbnails में 32 px पर. Slack workspace upload 512×512 accept करता है और channel list में ~36 px circle render होता है. यह tool original resolution पर export करता है, इसलिए exact pixel dimension के लिए पहले /resize/ run करें फिर circle crop करें. इससे upscaling artifacts के बिना pixel-accurate avatar मिलता है.

Limits के अंदर try करें
यह tool क्या नहीं करता

यह tool क्या नहीं करता

एक honest section ताकि कोई surprise न हो. Upload limit 25 MB और 16 megapixel है, इसके ऊपर file होने पर friendly error आता है. HEIC files सिर्फ Safari पर load होती हैं क्योंकि Chrome, Firefox और Edge में अभी native HEIC decoding नहीं है, इसलिए ये browsers HEIC को reject करते हैं और JPG में convert करने का suggestion देते हैं. Animated GIF का सिर्फ first frame export होता है, animation preserve नहीं होती. AVIF encode mobile पर slow रहता है, documented average ~30 seconds for 8 MP photo on a mid-range phone. कोई AI face detection नहीं है, circle placement हमेशा manual है. Competitors यह section छोड़ देते हैं, इसकी presence हमारा differentiator है.

Browser में अभी crop करें
आपकी इमेज browser में कैसे रहती है

आपकी इमेज browser में कैसे रहती है

Cropper.js आपकी image को browser के Canvas API में process करता है. Final encode भी browser में होता है, PNG और JPEG के लिए native `canvas.toBlob`, AVIF के लिए @jsquash/avif WASM module. Crop drag और save के दौरान DevTools का Network tab open करके देखें, कोई POST या PUT request image bytes carry करते हुए नहीं दिखेगा. Download `URL.createObjectURL` से बना local blob है, इसलिए Save click करने पर सिर्फ एक fraction-of-a-second `blob:` request flash करती है, server hit नहीं होता. हम "आपकी इमेज कभी नहीं जाती" या "100% private" नहीं लिखते, बस observable facts share करते हैं जो आप खुद verify कर सकते हैं.

अपनी round profile picture बनाएं
हर social platform के लिए गोल profile picture

हर social platform के लिए गोल profile picture

ज़्यादातर social platforms square upload accept करते हैं और display पर खुद circular mask लगाते हैं, जिसमें आपका subject crop हो सकता है किनारों पर. खुद पहले circle crop करने का मतलब है आप framing पर पूरा control रखते हैं. Centered headshot जिसके ऊपर थोड़ी breathing space हो, tight crop से better दिखता है. Round logos और team badge grids के लिए यही true है. Discord server icon, LinkedIn headshot, Slack workspace avatar, Instagram profile picture, WhatsApp display picture, सभी एक ही circular cutout से ready हो जाते हैं. एक बार crop करके transparent PNG export करें और उसी file को सभी जगह upload करें, हर platform पर consistent look रहेगा.

फ़ोटो को सर्कल में कैसे क्रॉप करें

  1. अपनी इमेज page पर drop करें

    Upload area पर click करें या कोई JPG, PNG, WebP, AVIF या GIF file directly drag करें. Circular crop stage automatically open हो जाता है.

  2. Circle को अपने subject पर center करें

    Circle drag करके face या logo center करें. Scale के लिए pinch या scroll करें जब तक framing सही न लगे.

  3. Output format चुनें

    Transparent circle के लिए PNG या WebP select करें, smallest file के लिए AVIF, या solid background color के लिए JPEG.

  4. Save click करें और file download करें

    Browser result locally encode करता है और आपके device पर download कर देता है. Filename original नाम रखता है जिसमें `-circle` append होता है.

Rectangle चाहिए, circle नहीं?

यह tool एक shape ship करता है, circle. Free-ratio rectangle के लिए crop image use करें. Instagram feed (1080 by 1080) के लिए crop to square या per-platform crop tools में से कोई एक use करें.

Crop image Other crop tools

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

यहाँ इमेज को सर्कल में कैसे क्रॉप करूँ?

अपनी इमेज (JPG, PNG, WebP, AVIF, GIF या BMP) crop stage पर drop करें. Cropper.js उसे circular selection के साथ open कर देता है जो image के center पर automatically लग जाती है. Circle drag करके subject frame करें, corner handles या pinch gesture से size adjust करें, फिर Save click करें. Browser transparent PNG by default encode और download करता है. एक typical photo के लिए पूरा process 30 seconds से कम लेता है.

क्या मैं मुफ्त में सर्कल में इमेज क्रॉप कर सकता हूँ?

हाँ. Tool मुफ्त है. Upload करें, crop करें, download करें, browser में, बिना watermark के. Output file clean cutout है, कुछ extra add नहीं होता.

कौन से इमेज फ़ॉर्मैट सपोर्टेड हैं?

Input में JPG, PNG, WebP, AVIF, GIF (सिर्फ first frame, animation preserve नहीं होता), BMP और SVG accept होते हैं. HEIC Safari पर काम करता है क्योंकि Safari उसे natively handle करता है. Chrome, Firefox और Edge पर HEIC files friendly error के साथ reject होती हैं. Format sniff filename extension से नहीं, magic bytes से होती है, इसलिए renamed file भी correctly identify होती है.

क्या मैं PNG सर्कल ट्रांसपेरेंट बना सकता हूँ?

हाँ. PNG, WebP और AVIF तीनों alpha channel support करते हैं, इसलिए circle के बाहर का area fully transparent रहता है. Downloaded file design tools या messaging apps में open होने पर checkerboard दिखता है जो transparency indicate करता है. JPEG transparency support नहीं करता, JPEG choose करने पर outside area के लिए fill color choose करना होगा.

क्या यह iPhone और Android पर काम करता है?

Tool iPhone, iPad और Android phones पर किसी भी modern browser में चलता है. Drag handles touch और pinch gestures respond करते हैं. Mobile पर main limitation AVIF encode time है, high-resolution photo 30 seconds या उससे ज़्यादा ले सकती है क्योंकि WASM encoder CPU पर चलता है. PNG और WebP बहुत faster हैं और mid-range devices पर well काम करते हैं.

क्या मुझे Photoshop या Canva चाहिए?

नहीं. यह tool browser में directly चलता है, कोई software install या account create नहीं करना. Cropper.js आपकी इमेज को browser के Canvas API में process करता है. Result locally encode होता है और download हो जाता है. Photoshop या Canva इस task के लिए ज़रूरी नहीं, सिर्फ एक image file और browser चाहिए.

विवरण

अच्छे गोल क्रॉप के पीछे शिल्प, प्रारूपों और छोटे निर्णयों पर टीम के नोट्स।

Cropper.js v2 circular mask कैसे बनाता है
Cropper.js v2 एक set of Web Components के रूप में ship होता है (``, ``, ``). Circular crop कोई CSS border-radius trick नहीं है, यह canvas composite operation है (`destination-in`) जो export time पर apply होती है. आपको full image एक dark overlay के साथ दिखती है, circular selection region live-computed है handle positions से. Save click होने पर एक temporary canvas बनता है, image उस पर draw होती है, और composite mask circle के बाहर सब कुछ remove कर देता है. PNG, WebP और AVIF outputs alpha channel preserve करते हैं. JPEG के लिए transparent pixels को आपके चुने हुए solid color से fill किया जाता है. Library MIT license के under है, GitHub repo: fengyuanchen/cropperjs.
PNG vs WebP vs AVIF vs JPEG, circle crop के लिए कब क्या चुनें
PNG lossless है, universally supported है, और 8 megapixel photo से बने 512×512 circle export की average file size 180 से 350 KB होती है. WebP visually lossless quality (q85 से q90) पर PNG से 25 से 40 percent smaller रहता है और सभी modern browsers इसे support करते हैं. AVIF AV1 intra-coding use करता है और WebP से typically 40 से 50 percent और smaller होता है equivalent quality पर, लेकिन @jsquash/avif WASM encoder slow है, desktop पर लगभग 3 seconds और mid-range mobile पर 8 megapixel input के लिए 30 seconds तक. JPEG fastest encode देता है (~400ms desktop) लेकिन alpha नहीं रखता, सिर्फ तब use करें जब destination platform transparent files reject करे. Most users के लिए PNG (reliability) या WebP (size) सही choice है.
Platform sizing guide, circular avatar हर site पर क्या मतलब रखता है
LinkedIn profile photo को कम से कम 400×400 px पर render करता है और feed में लगभग 48 px पर smaller दिखाता है. Discord guild icon 512×512 max accept करता है और circular render होता है, user avatar server member lists में 128×128 px पर, chat में 32×32 px पर. Instagram mobile profile पर roughly 110 px का circular avatar दिखाता है और feed thumbnails में 32 px पर. Slack workspace avatar upload के लिए 512×512 max है और channel list में ~36 px circular render होता है. यह tool original photo resolution पर export करता है, इसलिए pixel-accurate output के लिए पहले /resize/ use करके image को target dimension पर resize करें, फिर circle crop run करें. इससे upscaling artifacts के बिना crisp avatar मिलता है.
HEIC और Safari-only limitation
HEIC Apple का container format है जो HEVC compression use करता है. Safari 17+ इसे `createImageBitmap` के through natively decode करता है, इसलिए iPhone photo को Safari पर circle crop करना बिना conversion के directly काम करता है. Chrome, Firefox और Edge ने 2026 तक HEIC के लिए `createImageBitmap` implement नहीं किया है, decode error आती है. Tool upload पर magic bytes sniff करता है, non-Safari browser पर HEIC file detect होने पर एक friendly error suggest करता है JPG में convert करने का. Non-Safari users के लिए workaround: iPhone Photos app में photo open करें और share sheet से JPG export करें, या desktop पर already HEIC file है तो पहले /png-to-jpg/ या किसी HEIC-to-JPG tool पर convert कर लें. Note: `.heic` file को rename करके `.jpg` कर देने से भी काम नहीं होगा, magic-byte sniff rename catch कर लेता है.
Circle के बाहर का area transparent क्यों होता है और यह क्यों matter करता है
PNG या WebP circle crop export करने पर circle boundary के बाहर pixels का alpha value 0 रहता है, यानी fully transparent. इसका practical मतलब है: जो platforms avatars को circular frame में render करते हैं, transparent background invisible हो जाता है और platform का own background color cleanly show होता है. जो platforms file को full size पर show करते हैं (attachment preview, photo album view), वहाँ transparent area checkerboard दिखता है. Figma या Canva में circle paste करने पर कोई white halo artifact नहीं आता, आप किसी भी color के ऊपर layer कर सकते हैं. JPEG option specifically उन cases के लिए है जहाँ transparency problem create करती है, जैसे कुछ email clients, कुछ CMS image uploaders, या कुछ older platforms जो transparency strip करके black से replace कर देते हैं.
DevTools Network tab से in-browser processing verify करें
अगर आप खुद confirm करना चाहते हैं कि image आपका device नहीं छोड़ती, तो यह hands-on verification करें. Browser DevTools open करें (F12 या right-click > Inspect), Network tab पर जाएं, Clear button click करके पुरानी entries hatake, फिर circle crop tool पर image upload करें और handles drag करें. Upload और crop drag के दौरान Network tab watch करें, सिर्फ page assets (JS, CSS, fonts) के requests दिखेंगी जो upload से पहले load हुई थीं, कोई नया POST या PUT request image data carry करते हुए नहीं दिखेगा. Save click करने के बाद एक `blob:` URL पर request fraction of a second के लिए flash करती है, यह browser local blob resolve कर रहा है, server hit नहीं हो रहा. यह verification Chrome, Firefox, Safari और Edge में equally की जा सकती है.