इस प्रोजेक्ट के बारे में
ImageCropKit एक ब्राउज़र-आधारित इमेज क्रॉपिंग प्लेटफॉर्म है जिसका उद्देश्य स्क्रीनशॉट, AI डेटासेट और पासपोर्ट या प्रोफाइल फोटो हैं। README इस बात पर जोर देता है कि सभी प्रोसेसिंग लोकल है: कोई अपलोड नहीं, कोई साइनअप नहीं और कोई वॉटरमार्क नहीं।
वर्णित मुख्य क्षमताएं:
- फ्री क्रॉप, आस्पेक्ट रेशियो प्रीसेट्स और सटीक पिक्सेल आयामों के साथ सिंगल इमेज क्रॉपिंग।
- स्क्रीनशॉट क्रॉपिंग और ट्रिमिंग, जिसमें व्हाइटस्पेस और एज ट्रिमिंग शामिल है, उन उपयोगकर्ताओं के लिए जो निजी कैप्चर अपलोड नहीं करना चाहते।
- SD 1.5 (512x512) और SDXL (1024x1024) जैसे बैच क्रॉप प्रीसेट्स और कस्टम साइज के साथ AI डेटासेट की तैयारी।
- पासपोर्ट, हेडशॉट, अवतार और प्रोफाइल फोटो क्रॉपिंग।
- बल्क क्रॉप: कई इमेज अपलोड करें, एक साझा क्रॉप लागू करें और परिणामों को ZIP के रूप में डाउनलोड करें।
- Instagram, TikTok, YouTube, Shopify, Amazon, Etsy, LinkedIn और पासपोर्ट फोटो को कवर करने वाले प्लेटफॉर्म प्रीसेट्स।
- अवतार और प्रोफाइल पिक्चर के लिए सर्कल और ओवल आउटपुट के साथ शेप क्रॉपिंग।
- क्वालिटी कंट्रोल के साथ PNG, JPG या WebP में एक्सपोर्ट।
यह कैसे काम करता है: एक उपयोगकर्ता ड्रैग एंड ड्रॉप, क्लिक या पेस्ट के माध्यम से इमेज अपलोड करता है; क्रॉप एरिया या आस्पेक्ट रेशियो प्रीसेट चुनता है; क्षेत्र को एडजस्ट करता है; और एक्सपोर्ट करता है। README बताता है कि इमेज प्रोसेसिंग HTML5 Canvas API का उपयोग करके ब्राउज़र में चलती है, जिसमें कोई सर्वर अपलोड, अकाउंट या वॉटरमार्क नहीं होता है।
टेक स्टैक: App Router और Turbopack के साथ Next.js 16, TypeScript के साथ React 19, Tailwind CSS 4, इमेज प्रोसेसिंग के लिए Canvas API, क्रॉप UI के लिए react-image-crop, और बल्क डाउनलोड के लिए JSZip और file-saver। डेवलपमेंट के लिए pnpm (pnpm install, pnpm dev, फिर localhost:3000) का उपयोग किया जाता है।
प्रोजेक्ट स्ट्रक्चर ऐप डायरेक्टरी को प्रति टूल एक पेज के रूप में व्यवस्थित करता है, जिसमें crop-image, crop-screenshot, trim-screenshot, ai-dataset-cropper, profile-photo-cropper, bulk-crop-images, crop-product-images, crop-image-for-instagram, crop-image-for-tiktok, crop-headshot और circle-crop-image शामिल हैं। पुन: प्रयोज्य घटकों में सिंगल-इमेज एडिटर के लिए CropEditor.tsx, मल्टी-इमेज एडिटर के लिए BulkCropEditor.tsx और JSON-LD स्ट्रक्चर्ड डेटा के लिए StructuredData.tsx शामिल हैं। lib डायरेक्टरी में cropImage.ts (Canvas-आधारित एक्सपोर्ट पाइपलाइन), presets.ts (प्लेटफॉर्म साइज प्रीसेट्स) और siteConfig.ts जैसे यूटिलिटी फंक्शन हैं।
इश्यूज के माध्यम से योगदान का स्वागत है, और प्रोजेक्ट MIT लाइसेंस के तहत जारी किया गया है। README से एक लाइव साइट लिंक की गई है।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.