cropimagekit

ImageCropKit é uma plataforma de corte de imagens baseada em navegador voltada para capturas de tela, datasets de IA e fotos de passaporte ou perfil. O README enfatiza que todo o processamento é local: sem upload, sem cadastro e sem marca d'água. Capacidades principais descritas: - Corte de imagem única com corte livre, presets de proporção e dimensões exatas em pixels. - Corte e aparagem de capturas de tela, incluindo remoção de espaços em branco e bordas, para usuários que não desejam fazer upload de capturas privadas. - Preparação de datasets de IA com presets de corte em lote, como SD 1.5 (512x512) e SDXL (1024x1024), além de tamanhos personalizados. - Corte de fotos de passaporte, headshots, avatares e fotos de perfil. - Corte em lote: upload de múltiplas imagens, aplicação de um corte compartilhado e download dos resultados em um arquivo ZIP. - Presets de plataforma abrangendo Instagram, TikTok, YouTube, Shopify, Amazon, Etsy, LinkedIn e fotos de passaporte. - Corte de formas com saída em círculo e oval para avatares e fotos de perfil. - Exportação para PNG, JPG ou WebP com controle de qualidade. Como funciona: o usuário faz o upload de uma imagem via arrastar e soltar, clique ou colar; seleciona uma área de corte ou preset de proporção; ajusta a região e exporta. O README afirma que o processamento de imagem é executado no navegador usando a HTML5 Canvas API, sem upload para servidor, conta ou marca d'água. Stack tecnológica: Next.js 16 com App Router e Turbopack, React 19 com TypeScript, Tailwind CSS 4, Canvas API para processamento de imagem, react-image-crop para a UI de corte, e JSZip junto com file-saver para downloads em lote. O desenvolvimento utiliza pnpm (pnpm install, pnpm dev, então localhost:3000). A estrutura do projeto organiza o diretório app como uma página por ferramenta, incluindo 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 e circle-crop-image. Componentes reutilizáveis incluem CropEditor.tsx para o editor de imagem única, BulkCropEditor.tsx para o editor de múltiplas imagens e StructuredData.tsx para dados estruturados JSON-LD. O diretório lib contém funções utilitárias como cropImage.ts (o pipeline de exportação baseado em Canvas), presets.ts (presets de tamanho de plataforma) e siteConfig.ts. Contribuições são bem-vindas via issues, e o projeto é lançado sob a licença MIT. Um site ao vivo está vinculado no README.