Изображение без потерь: клиент для сжатия изображений

👋 Зачем это нужно?

Основная причина — необходимость сжатия изображений, но поиск показал, что все варианты имеют свои недостатки:

• Некоторые требуют сначала сжать изображение, а затем загрузить его, после чего заменить.
• Некоторые не поддерживают сжатие всех изображений в папке, и приходится загружать каждое изображение по отдельности, также они не поддерживают смешанное сжатие изображений и папок.
• В некоторых случаях после сжатия кажется, что результат недостаточно хорош, и требуется ещё одно сжатие, что приводит к повторению всего процесса, который становится довольно утомительным.

Чтобы создать удобный инструмент для сжатия изображений, я разработал этот проект.

🔭 Важное примечание

• Пакет установки dmg уже упакован и доступен в разделе записей о версии здесь.
• Для нормального использования этого приложения необходимо подключение к интернету.
• Этот проект обеспечивает сжатие без потерь, поэтому можно не беспокоиться о потере качества после сжатия, по умолчанию сжатое изображение заменяет исходное.

📫 Описание функций

Версия: v1.1.0 (в разработке)

• Оптимизация пользовательского опыта
  • Добавление нового значка приложения
  • Добавление загрузки loading
• Новые функции
  • Функция предварительного просмотра изображений
  • Импорт изображений и поддержка множественного выбора

Версия: v1.0.0 (✅ Выпущено)

• Возможность выбирать папки, изображения, или смешивать изображения и папки для сжатия.
  • Папки: возможность сжимать все изображения PNG и JPG в выбранной папке.
  • Изображения: выбор одного или нескольких изображений для сжатия.
  • Смешанные изображения и папки: поддержка выбора как папок, так и изображений для смешанного сжатия. Все выбранные элементы будут сжаты.
• Заменяет исходные изображения после завершения сжатия (важная функция).
• Отображение прогресса сжатия (можно повторно сжимать определённые файлы после завершения).
• Упаковка в программу для Mac (программа для Windows пока не доступна).
• Другие функции: нет ограничений на количество файлов, размер изображений может достигать 10 МБ.

🍀 Инструкция по использованию

🛠 Разработка и отладка

# Загрузка зависимостей (загрузка пакетов electron может занять некоторое время, если загрузка идёт медленно, можно попробовать следующие шаги для быстрой установки electron)
npm install

# Разработка и отладка
npm run start

# Упаковка (только упаковка одного приложения) | Иногда может возникать ошибка 403 при упаковке, это связано с необходимостью обхода блокировки при удалённой загрузке electron
npm run pack

# Упаковка (упаковка всего содержимого для системы Mac, включая приложение, zip-файл, установочный файл dmg и т. д.)
npm run dist

🏅 Быстрая установка electron для пользователей из Китая

# Открыть файл .npmrc
npm config edit
 
# Вставить
electron_mirror=http://npm.taobao.org/mirrors/electron/
 
# Сохранить
 
# После этого npm install будет выполняться быстрее
npm install

🏆 Обзор структуры исходного кода

• src: исходные файлы (созданные с помощью Vue-cli шаблоны проектов)
• electron: логические файлы для electron
• assets: здесь хранятся некоторые изображения и значки