Обзор проекта
Цель проекта заключалась в создании веб-инструмента со структурой, похожей на realfavicongenerator.net, который позволяет пользователям генерировать фавиконы из загруженных изображений (PNG, JPEG, SVG и др.). Пользователи могли просматривать и настраивать фавиконы для различных платформ (iOS, Android, Windows, macOS), а также скачивать созданные ресурсы вместе с HTML-кодом для встраивания.
Инструмент включает расширенные функции, такие как обрезка, сжатие, настраиваемые поля и автоматическое удаление созданных файлов.
Ключевые функции включали загрузку изображений методом перетаскивания, модальное окно подтверждения с размерами изображения, инструмент обрезки для неквадратных изображений, имитацию предварительного просмотра для нескольких платформ (компьютеры, iOS, Android и др.) и настройки адаптации (фон, поля, сжатие, управление версиями). Также были доступны ZIP-архив с полным пакетом фавиконов и HTML-кодом, обработка SVG с резервной конвертацией в PNG, настройка администратора через JSON (без backend-панели), автоматическое удаление созданных данных и многоэтапный интерфейс, соответствующий структуре RFG.
- Gennady, SIA Webby
Реализованные ключевые функции
- Загрузка изображений методом перетаскивания
- Модальное окно подтверждения с размерами изображения
- Инструмент обрезки для неквадратных изображений
- Имитация предварительного просмотра для нескольких платформ (компьютеры, iOS, Android и др.)
- Настройки адаптации (фон, поля, сжатие, управление версиями)
- Скачивание ZIP-архива с полным пакетом фавиконов и HTML-кодом
- Обработка SVG с резервной конвертацией в PNG
- Настройка администратора через JSON (без backend-панели)
- Автоматическое удаление созданных данных
- Многоэтапный интерфейс, соответствующий структуре RFG
Скриншоты
Главная страница генератора фавиконов с загрузкой изображений методом перетаскивания и обзором поддержки платформ и браузеров.
Страница результатов с предварительным просмотром фавиконов в разных разрешениях и просмотром в реальном времени на устройстве iOS.