Как добавить FAVICON для сайта в 2021 году | Иконка Apple Android Safari вручную и через Gulp

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.พ. 2025

ความคิดเห็น • 34

  • @CodeQuestRu
    @CodeQuestRu  3 ปีที่แล้ว +1

    0:00 - Что такое favicon
    1:09 - Добавляем favicon.ico
    4:14 - Иконки для Apple Touch
    6:23 - Фавикон для современных браузеров
    9:20 - Манифест для Android
    13:18 - Итоговый набор иконок
    14:16 - Генерация иконок через сервис
    17:17 - Полная автоматизация через Gulp

  • @ydodemos88899
    @ydodemos88899 ปีที่แล้ว +1

    Почему в сафари не отображается логотип, но в хроме всё ок? заранее благодарю за любую информацию

  • @DenDK2023-z2o
    @DenDK2023-z2o 2 ปีที่แล้ว

    Благодарю! Добавляю в сборку с предыдущего урока. Спасибо!

  • @danyawyse1933
    @danyawyse1933 3 ปีที่แล้ว +1

    Спасибо тебе огромное за такой труд, после твоей сборки галп задавался вопросом "А как автоматизировать favicon" через галп, задавал вопросы на разных форумах, писали чтобы я не занимался подобной ерундой и подключал его вручную. И вот выходит видео. Очень полезный контент.

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +1

      Как вовремя получилось, круто =)

    • @vladko9623
      @vladko9623 3 ปีที่แล้ว

      @@CodeQuestRu давно ваш подписчик)

  • @dennymaverick5472
    @dennymaverick5472 3 ปีที่แล้ว +1

    Спасибо за видео! Хочется продолжать заниматься веб-разработкой после просмотра, так интересно! ))

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +1

      Значит не зря делал)

  • @vladko9623
    @vladko9623 3 ปีที่แล้ว +1

    Отличное видео. Благодаря нему переделал favicon на своём проекте. В очередной раз , автору +1 в карму. Очень надеюсь на видео по webpack. Доживу до времён, когда стану стронг джуном - стану спонсором.

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +1

      Спасибо! Как будет время и по webpack запишу. Подпишитесь на канал, чтобы не пропустить =)

  • @VasyaFF
    @VasyaFF 3 ปีที่แล้ว +1

    Помню, как делал на свой пет-проект такую иконку. Два дня в сумме потратил. Из этого больше всего времени на изучение всего, что вокруг этой темы надо было изучить. Больше всего вскрыло моё терпение когда всё стоит как надо, а браузер не показывает иконку. Ну и куча времени ушла на то, чтобы дойти до того, чтобы в глубинах браузера стереть кэш, который хранит эти иконки в памяти на всякий случай.

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +2

      Когда-нибудь все браузеры и устройства договорятся и нам всем станет проще =)

    • @electrostryker6332
      @electrostryker6332 3 ปีที่แล้ว

      @@CodeQuestRu к несчастью вряд-ли это случится в ближайшее время( А пока мучаемся(

  • @АлександрСитников-ы7я
    @АлександрСитников-ы7я 3 ปีที่แล้ว

    Видео зачётное, нет пределу совершенства gulp рулит. Спасибо за полезный контент🔥👍

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Да, еще много всего можно сделать =)

  • @denis.lishkov
    @denis.lishkov 2 ปีที่แล้ว

    Спасибо тебе, дорогой друг! здоровья тебе и светлого разума!

  • @MaxShowPro
    @MaxShowPro 3 ปีที่แล้ว +1

    Опа, контент подъехал, лайк уже влепил)

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Спасибо, надеюсь, что будет полезно!

  • @seryibaran_official
    @seryibaran_official 3 ปีที่แล้ว

    Просто супер! Спасибо за информацию!

  • @misterpopcorn8789
    @misterpopcorn8789 2 ปีที่แล้ว

    збс! молодец!

  • @spirit1292
    @spirit1292 3 ปีที่แล้ว

    Спасибо, было полезно.

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +1

      Супер, рад, что понравилось =)

  • @Владимир-к1щ1к
    @Владимир-к1щ1к 3 ปีที่แล้ว

    Здравствуйте! Спасибо большое за уроки, все отлично работает. В свой проект gulp я решил добавить PHP, но уперся как в стенку, ошибка за ошибкой. Не могли бы вы сделать видео урок (или другим методом) с добавлением PHP в GULP. Буду благодарен, да и многие другие.Спасибо

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +1

      Спасибо! А какие конкретно появляются ошибки?
      Для работу с php в настройках browsersync нужно указывать прокси на запущенный php-сервер и все будет работать =)

    • @Владимир-к1щ1к
      @Владимир-к1щ1к 3 ปีที่แล้ว

      @@CodeQuestRu Спасибо за подсказку, но я новичок в этом деле и все равно не удается подключить. Хотел для формы обр. св. своего сайта(для работы)но будем пытаться довести до ума, но все равно спасибо! Удачи вам!

  • @danyawyse1933
    @danyawyse1933 3 ปีที่แล้ว

    А где можно найти чтобы это на модульной системе написать?

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Не очень понял вопрос, уточните. Если вы про сборку Gulp, то это сборка из моего курса по Gulp. Совсем недавно вышел на канале

  • @vitalb7907
    @vitalb7907 2 ปีที่แล้ว

    а как после плагина gulp-filter удалить те файлы что я перенес из папки img в корень?

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว

      Мы же переносим только нужные файлы

    • @vitalb7907
      @vitalb7907 2 ปีที่แล้ว

      @@CodeQuestRu да, мы переносим файл favicon.ico в корень. и получается что у нас в корне лежит этот файл и так же продолжает лежать в папке img копия. то есть он не переносит, а он копирует в корень файл

  • @valdiss1978
    @valdiss1978 3 ปีที่แล้ว

    Ну не знаю, как по мне, так это немного лишнее - нагружать сборщик иконками. 2 минуты на онлайн генераторе перед продакшном - и всё готово. Кстати, вручную пути можно и не менять, на Рилфавиконгенераторе в конце просто указать свой путь в " I cannot or I do not want to place favicon files at the root of my web site. Instead I will place them here:" и они будут изменены автоматом. Ну это так, на всякий случай.
    P/S/ Напоминаю, что до сих пор приветствуется видео с ответом на вопрос по gh-pages и запушиванию папки с продакшном на гитхаб ))

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Каждый делает так, как ему удобно. Мое дело показать возможные варианты =)
      По гиту что-нибудь придумаем в следующем году

    • @valdiss1978
      @valdiss1978 3 ปีที่แล้ว

      @@CodeQuestRu ок

    • @vitalb7907
      @vitalb7907 2 ปีที่แล้ว

      а в чем собственно нагрузка то? никто не говорит что бы эту таску пихать в dev мод. можно чисто в билд. и проблем нет )