Современное веб-приложение для конвертации, оптимизации и обработки изображений
ImageFlow — элегантное и мощное решение для работы с изображениями. Конвертируйте между форматами, изменяйте размеры, поворачивайте и оптимизируйте изображения с красивым и интуитивным интерфейсом.
- Поддерживаемые форматы: WebP, PNG, JPG/JPEG
- Быстрая конвертация между любыми поддерживаемыми форматами
- Пакетная обработка множества файлов одновременно
- Автоматическая упаковка результатов в ZIP-архив
- Изменение размера с сохранением или без сохранения пропорций
- Поворот изображений на любой угол (90°, 180°, 270°)
- Оптимизация и сжатие для уменьшения размера файлов
- Настройка качества для баланса между размером и качеством
- Современный дизайн с плавными анимациями
- Адаптивная верстка для всех устройств
- Интуитивное управление с понятными элементами
- История операций для отслеживания конвертаций
- Кастомные чекбоксы и элементы управления
- Backend: Node.js + Express
- Обработка изображений: Sharp (высокая производительность)
- Frontend: Vanilla JavaScript (без фреймворков)
- Стилизация: Современный CSS с анимациями
- Node.js 18+
- npm или yarn
- Клонируйте репозиторий
git clone https://github.com/your-username/Converter-image.git
cd Converter-image- Установите зависимости
npm install- Запустите сервер
npm start- Откройте в браузере
http://localhost:5030
Для запуска с автоперезагрузкой используйте:
npm run watch- Выберите исходный и целевой форматы
- Загрузите изображения (перетащите или выберите файлы)
- При необходимости настройте параметры обработки:
- Изменение размера
- Поворот
- Оптимизация
- Нажмите "Конвертировать"
- Сохраните результат
- Изменение размера: Укажите ширину и/или высоту в пикселях
- Поворот: Выберите угол поворота из списка
- Оптимизация: Настройте уровень сжатия (1-100)
- Node.js — серверная среда выполнения
- Express — веб-фреймворк
- Sharp — высокопроизводительная обработка изображений
- Multer — обработка загрузки файлов
- Archiver — создание ZIP-архивов
Converter-image/
├── public/ # Фронтенд файлы
│ ├── index.html # Главная страница
│ ├── style.css # Стили
│ ├── script.js # JavaScript логика
│ └── logo.png # Логотип
├── server.js # Серверный код
├── package.json # Зависимости
└── README.md # Документация
Современный интерфейс с интуитивным управлением
ISC License
Создано с ❤️ для удобной работы с изображениями
Приветствуются любые предложения и улучшения! Не стесняйтесь создавать Issues и Pull Requests.
Сделано с вниманием к деталям ✨