cropimagekit

ImageCropKit est une plateforme de recadrage d'images basée sur le navigateur, destinée aux captures d'écran, aux jeux de données IA et aux photos d'identité ou de profil. Le README souligne que tout le traitement est local : aucun téléchargement, aucune inscription et aucun filigrane. Capacités principales décrites : - Recadrage d'image unique avec recadrage libre, préréglages de rapport d'aspect et dimensions exactes en pixels. - Recadrage et rognage de captures d'écran, y compris le rognage des espaces blancs et des bords, pour les utilisateurs qui ne souhaitent pas télécharger de captures privées. - Préparation de jeux de données IA avec des préréglages de recadrage par lot tels que SD 1.5 (512x512) et SDXL (1024x1024), ainsi que des tailles personnalisées. - Recadrage pour photos d'identité, portraits, avatars et photos de profil. - Recadrage groupé : téléchargement de plusieurs images, application d'un recadrage commun et téléchargement des résultats sous forme de fichier ZIP. - Préréglages de plateformes couvrant Instagram, TikTok, YouTube, Shopify, Amazon, Etsy, LinkedIn et les photos d'identité. - Recadrage de formes avec sortie circulaire et ovale pour les avatars et les photos de profil. - Exportation en PNG, JPG ou WebP avec contrôle de la qualité. Fonctionnement : l'utilisateur télécharge une image par glisser-déposer, clic ou collage ; sélectionne une zone de recadrage ou un préréglage de rapport d'aspect ; ajuste la région ; puis exporte. Le README précise que le traitement des images s'effectue dans le navigateur via l'API HTML5 Canvas, sans téléchargement vers un serveur, sans compte et sans filigrane. Stack technique : Next.js 16 avec l'App Router et Turbopack, React 19 avec TypeScript, Tailwind CSS 4, l'API Canvas pour le traitement d'image, react-image-crop pour l'interface de recadrage, et JSZip ainsi que file-saver pour les téléchargements groupés. Le développement utilise pnpm (pnpm install, pnpm dev, puis localhost:3000). La structure du projet organise le répertoire app avec une page par outil, incluant 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 et circle-crop-image. Les composants réutilisables incluent CropEditor.tsx pour l'éditeur d'image unique, BulkCropEditor.tsx pour l'éditeur multi-images et StructuredData.tsx pour les données structurées JSON-LD. Le répertoire lib contient des fonctions utilitaires telles que cropImage.ts (le pipeline d'exportation basé sur Canvas), presets.ts (préréglages de tailles de plateformes) et siteConfig.ts. Les contributions sont bienvenues via les issues, et le projet est publié sous licence MIT. Un site en direct est lié depuis le README.