cropimagekit

ImageCropKit 是一个基于浏览器的图像裁剪平台，旨在处理屏幕截图、AI 数据集以及护照或个人资料照片。其 README 强调所有处理均在本地完成：无需上传，无需注册，且无水印。 核心功能描述如下： - 单图裁剪：支持自由裁剪、宽高比预设和精确像素尺寸。 - 截图裁剪与修剪：包括空白区域和边缘修剪，适用于不想上传私密截图的用户。 - AI 数据集准备：提供批量裁剪预设，如 SD 1.5 (512x512) 和 SDXL (1024x1024)，以及自定义尺寸。 - 护照、头像及个人资料照片裁剪。 - 批量裁剪：上传多张图像，应用统一的裁剪区域，并将结果以 ZIP 格式下载。 - 平台预设：涵盖 Instagram、TikTok、YouTube、Shopify、Amazon、Etsy、LinkedIn 和护照照片。 - 形状裁剪：支持圆形和椭圆形输出，适用于头像和个人资料图片。 - 导出格式：支持导出为 PNG、JPG 或 WebP，并可控制质量。 工作流程：用户通过拖拽、点击或粘贴上传图像；选择裁剪区域或宽高比预设；调整区域；最后导出。README 指出，图像处理通过 HTML5 Canvas API 在浏览器中运行，无需服务器上传、账户或水印。 技术栈：采用 Next.js 16（含 App Router 和 Turbopack）、React 19 与 TypeScript、Tailwind CSS 4；使用 Canvas API 进行图像处理，react-image-crop 构建裁剪 UI，以及 JSZip 和 file-saver 实现批量下载。开发环境使用 pnpm (pnpm install, pnpm dev, 访问 localhost:3000)。 项目结构：app 目录将每个工具组织为独立页面，包括 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。 项目欢迎通过 issues 提交贡献，并基于 MIT 许可证发布。README 中提供了在线网站链接。