Сделал свой генератор фавикон favicon.kz для оптимизации рабочего процесса

Всем привет!

Хочу поделиться своей версией генератора фавикон. Думаю, он лучше многих подобных сервисов. На данный момент выкатываю бетку и очень интересно, найдёт ли он отклик. В своей работе я уже перешёл на него и мне лично очень удобно. Опишу коротенько, что умеет и чем хорош.

39692d57829.gif


Заливаешь только один файл в svg (1:1) — и получаешь ZIP со всеми нужными размерами и форматами

  • Apple Touch Icons (57×57 → 180×180)
  • iOS Splash-screens (iPhone SE/6/7/8/X/11/12 и iPad)
  • Safari Pinned Tab Icon
  • Android Web App Icons (192×192, 512×512)
  • Windows Tiles (70×70 → 310×150)
  • Классические favicon (16×16 → 256×256) в PNG и SVG
  • ICO-файл с четырьмя размерами внутри
  • Фавикон для тёмной темы
  • Фавикон для Яндекса
  • Файлы manifest.json/site.webmanifest и готовый HTML‑сниппет

Никаких ручных настроек

  • Если загружаемое изображение слишком тёмное для dark-темы, то оно автоматическая будет скорретировано — чтобы фавикон выглядел контрастно и чётко.
  • Приложение само определяет нужны ли отступы фавикон для ярлыков на рабочем столе смартфона.
  • Белый фон добавляется только у тех разрешений и форматов фавикон, где это нужно, в остальных случаях сохраняется прозрачность.

Быстрая генерация

В среднем — около 2 секунд от загрузки SVG до скачивания архива. В моём случае сокращает рутину.

Буду благодарен за любой фидбэк — пишите прямо здесь или в тг @denisanddesign

Генерацию фавикон можно попробовать здесь: https://favicon.kz/

P.S. Доменное имя и сайт ещё свежие в поисковиках его пока что вроде нет.

Статья опубликована пользователем. Чтобы поделиться своим проектом, написать новость или статью нажмите кнопку «Стать автором»
AS design

Отличный генератор!
Попробовал. Но желательно изначально создавать картинку под фавиконку чтобы была контрастная и кратна 16 пикселям, тогда идеально получается.
С требованием квадратности справился подложив квадратную подложку цвета 3% серого.

ответить
Денис

Спасибо за комментарий. Да, всё верно, я изначально делаю картинку под фавиконку в фигме, экспортирую в свг и загружаю уже в сервис. Сегодня немного обновил https://favicon.kz/ , но это больше коснулось генерации, добавил возможность скачать минимальный комплект. Кстати именно его я отдаю верстальщикам на работе, они довольны)

ответить

Интересные материалы