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