OptImageGen

OptImageGen — это удобное настольное приложение для конвертации изображений с графическим интерфейсом на основе Python и Tkinter. Программа позволяет изменять размеры изображений, конвертировать их в различные форматы, а также генерировать адаптивный HTML-код с использованием атрибута srcset и поддержкой ленивой загрузки (lazy loading).

📋 Особенности

• Поддержка нескольких форматов: JPEG, PNG, WEBP.
• Изменение размеров изображений: Укажите необходимые ширины для конвертации.
• Генерация адаптивного HTML-кода: Автоматически создаётся HTML-код с атрибутом srcset для обеспечения адаптивности изображений на веб-страницах.
• Поддержка ленивой загрузки: Опционально добавляется атрибут loading="lazy" для оптимизации загрузки страниц.
• Простой и интуитивно понятный интерфейс: Лёгкое добавление файлов, настройка параметров и запуск конвертации.
• Отображение прогресса: Визуальный прогрессбар и статус каждого файла в процессе конвертации.
• Генерация файла code.txt: Всякий раз, когда активирована опция генерации HTML-кода, создаётся файл code.txt с сгенерированным кодом.

🛠️ Установка

Предварительные требования

• Python 3.6+: Убедитесь, что у вас установлен Python версии 3.6 или выше. Скачать Python
• Pillow: Библиотека для обработки изображений.

Установка зависимостей

1. Откройте терминал или командную строку.

2. Установите библиотеку Pillow с помощью pip:

   pip install pillow

🚀 Использование

1. Запуск приложения:

   Запустите скрипт image_converter.py с помощью Python:

   python image_converter.py

2. Выбор исходных изображений:

   • В разделе "Настройки" нажмите кнопку "Обзор..." рядом с полем "Файлы:".
   • Выберите одно или несколько изображений для конвертации.

3. Выбор папки для сохранения:

   • По умолчанию папка для сохранения устанавливается в ту же директорию, что и первый выбранный файл.
   • При необходимости нажмите кнопку "Обзор..." рядом с полем "Папка:" и выберите другую папку.

4. Настройка параметров конвертации:

   • Форматы: Выберите форматы для конвертации, установив галочки напротив "JPEG", "PNG" и/или "WEBP".
   • Ширины: Укажите необходимые ширины через запятую (например, 400,800,1200).

5. Настройки HTML-опций:

   • Генерировать HTML-код для изображений: Включите или отключите опцию генерации HTML-кода.
   • Добавить Lazy Loading: Включите или отключите атрибут loading="lazy" в сгенерированном HTML-коде.

6. Предпросмотр предполагаемых файлов:

   • В разделе "Предпросмотр: Предполагаемые файлы" отображаются все файлы, которые будут сгенерированы, включая code.txt при активированной опции генерации HTML-кода.
   • Столбец "Статус" показывает состояние конвертации каждого файла (✔ — успешно, ✖ — ошибка).

7. Запуск конвертации:

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

8. Просмотр HTML-кода:

   • Для первого изображения: HTML-код отображается в правой части интерфейса в разделе "Предпросмотр HTML-кода".
   • Полный HTML-код для всех изображений: Сохраняется в файле code.txt в выбранной папке для сохранения.

📂 Структура проекта

optimagegen/
├── image_converter.py
├── README.md