Об этом проекте

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 для интерфейса обрезки, а также 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 для многоизображенийного редактора и StructuredData.tsx для структурированных данных JSON-LD. Директория lib содержит утилиты, такие как cropImage.ts (конвейер экспорта на базе Canvas), presets.ts (пресеты размеров платформ) и siteConfig.ts. Вклад в проект приветствуется через issues, проект распространяется под лицензией MIT. Ссылка на работающий сайт приведена в README.