Пакетная обработка фото для «Авито» объявлений. Web-App за час — при помощи ChatGPT, без особых навыков программирования 😎

Показываю на примере, как при помощи ChatGPT и без особых навыков программирования, я создал простой, но функциональный сервис пакетной обработки фото для «Авито» объявлений. Короче для ленивых, чтобы без Photoshop или Figma. 😁😎

Для простых задач, когда нужно по-быстрому отредактировать много изображений разных размеров и разрешений (соотношение сторон). Чтобы всё было в 🎄 и без "слоновьих ушей" по краям. Для красивого отображения объявления на сайте и в самом профиле «Авито».

1. Составил "prompt" для ChatGPT c описанием того что хочу (ТЗ)
2. Создал файл index.html на компьютере
3. Скопировал и вставил готовый код из ChatGPT
4. Подправил Apple UI (без заморочек, фокус на функционал)
5. Загрузил на бесплатный хостинг для теста
6. Job-Been-Done! 👌

Мой "промпт" для ChatGPT:

"Создай веб-приложение для обработки фотографий с адаптивным дизайном в стиле Apple. Функции: загрузка до 10 изображений (drag-and-drop или выбор из файлов), их симметричное центрирование и обрезка до 1280x960px, сжатие для веб. После обработки отображать мини-галерею с возможностью скачивания каждого изображения отдельно, а также ZIP-архивом с именами файлов в формате 00_avito_img, 01_avito_img и т.д. Добавь индикатор выполнения процесса и кнопку 'Refresh' для перезагрузки страницы."

Web-app работает и можно использовать! Благодаря ChatGPT, процесс создания занял максимум час, чтобы вместе с тестами и загрузкой на хостинг. Именно то что я хотел в плане автоматизации процесса сжатия и масштабирования изображений для «Авито», без участия Ps и Figma, чтобы эконмить время и не "ресайзить" в них. На фото с инфо графикой тесты не проводил, создавал конкретно под свою задачу.

Что в итоге по функционалу:

Быстрая загрузка и обработка фото (до 10 штук за раз)
Предпросмотр перед скачиванием (мини-галерея)
Пропорциональное сжатие и обрезка изображений
Симметричное центрирование фотографий
Переименование, возможность скачивания по одному изображению или в виде .ZIP-архива
Итоговый формат:1280 x 960px / 4:3
Бесплатно 😎

Протестировать и сохранить себе на будущее:

Пакетная обработка фото для «Авито» объявлений

Надеюсь сервис вам тоже будет полезен, когда нужно по-быстрому подогнать много фото под формат Авито объявлений, чтобы красиво.

Ну и конечно же сама логика процесса создание таких вот "изи" Web-app c помощью ChatGPT, возможно поможет запилить вам что-то своё-крутое или быстро собрать прототип для MVP 😉

Подвести итог о выполненной работе:

Создай промпт - техническое задание для себя на будущее, проект Web-app сервиса над которым мы сегодня работали. Подведи итог что было сделано в рамках проекта, кратко распиши по пунктам.

Нейросети. ИИ для развития карьеры и бизнеса.

#avito #ai #webapp #chatgpt4 #chatgpt #автоматизация #промптинжиниринг #prompts #иирешения #промт

Пакетная обработка фото для «Авито» объявлений. Web-App за час — при помощи ChatGPT, без особых навыков программирования 😎

Пошаговый план действий:

Подводя итог

🎁 Бонус промпт для ChatGPT: