Опыт создания Favicon

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024
  • Наш опыт создания Favicon для платформы Paqmind.com
    1. Что такое Favicon
    2. Оригинальная версия
    3. Число цветов и размер файла
    4. Отрисовка с нуля
    5. Форматы изображения
    6. Создание ICO версии: сервисы
    7. Финальный результат
    #веб #разработка #дизайн #фавикон #favicon
    ---
    ФРОНТЕНД РАЗРАБОТКА НА REACT
    paqmind.com/co...
    Онлайн курс с поддержкой ментора. Обучение через практику.

Комментарии • 5

  • @jorgenUA
    @jorgenUA 4 года назад

    Заинтересовал вопрос про формат SVG. Вот что нашёл, если нужно кому: stackoverflow.com/questions/48956465/favicon-standard-2020-svg-ico-png-and-dimensions

    • @Paqmind
      @Paqmind  4 года назад

      Да, интересно. Мы SVG ещё не пробовали, надо поэкспериментировать.

    • @Paqmind
      @Paqmind  4 года назад +1

      На текущий момент поддержка SVG иконок в браузерах довольно слабая: caniuse.com/#feat=link-icon-svg

  • @hikekazarian9080
    @hikekazarian9080 4 года назад

    спасибо за полезный лайфхак )! думаю, полезность будет ощутимой, когда будут оптимизированы целых 40 иконок вместо одного, то есть с учетом иконок прописаных в browserconfig.xml для ос, для pwa в manifest.json для мобил и тд

    • @Paqmind
      @Paqmind  4 года назад +2

      40 типов иконок - это хороший пример безумных стандартов W3C.
      Мы такого делать, конечно же, не будем. Если какое-то устройство не способно сделать фоллбек на стандартную иконку - это их проблемы.