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