Какой должен быть размер фавикона для сайта в пикселях в 2021 году?

Привет! Помните, как лет 10 назад все обращали внимание на маленькую иконку сайта (фавикон) вверху. Сейчас к ним уже привыкли, конечно. Но  сейчас давайте поговорим о том, какой размер фавикона для сайта будет оптимальным.

 

Что такое фавикон и почему он так важен?

Когда вы открываете любую страницу, вверху вы видите не только название страницы, но и маленькую иконку.

Именно её и называют фавиконом.

Конечно, сейчас о ней помнят в основном только владельцы сайтов.

Обычные пользователи очень редко обращают внимание на эту иконку.

Но было время, когда пользователи смотрели на необычные иконки вверху и поражались тому, как красиво всё смотрится.

Тогда favicon мог быть даже некрасивым, но всё равно притягивал внимание.

Кстати, а ещё favicon раньше использовали, чтобы косить под известные сайты.

Часто этим пользовались мошенники, но иногда и обычные владельцы поднимали трафик таким образом.

Сейчас эта схема не работает, так как отказы отбрасывают сайт, но иногда всё же к ней прибегают.

В 2021 году на него практически не смотрят, но это не значит, что можно просто пустить всё на самотёк.

Эта картинка всё равно является частью вашего бренда.

Поэтому не поленитесь добавить её.

Да и сайт без фавикона не выглядит надёжно ни при каком условии.

 

Особенности фавикона на различных платформах

Также при создании фавикона стоит учитывать, что на каждой платформе у него есть свои особенности.

Вам нужно будет придумать такую эмблему, которая будет хорошо смотреться везде.

Начнём с простого – никаких png.

Даже на компьютере желательно выбирать ico или svg.

Второе даже лучше, так как не нужно париться с размерами. Главное – поставить правильные пропорции.

Гугл и Яндекс рекомендуют фотографии от 128 пикселей, так как таким образом получится добиться максимального качества (это для ico).

Мобильные устройства тоже согласны с такими размерами.

Да, там они получатся намного меньше в итоге.

Даже на iPad есть модели с фавиконами всего 72 на 72 пикселя.

Если же говорить про мобильные устройства, то там часто можно встретить и значки размерами 16 на 16.

Кстати, желательно создавать фавиконы с прозрачным и непрозрачным фоном.

На некоторых устройствах он показывается только с фоном.

И вот там вам нужно будет указать иконку, к которой вы создали свой фон.

И все эти ограничения приводят к ещё одной очевидной мысли.

Минимализм – наше всё.

Качественный фавикон должен содержать в себе несколько крупных элементов, не больше.

Идеальными будут значки, на которых изображён только один объект. Например, стрелочка.

Помните, что все маленькие детали будут просто не видны.

На выходе получится просто каша.

 

Установка и оптимальный размер фавикона для сайта

Если же вы хотите просто создать иконку, которая будет хорошо смотреться на всех устройствах и не грузить страницу, то смело выбирайте размер в пикселях от 16×16 до 48×48.

Также вам стоит выбирать 16 цветов, чтобы само изображение весило меньше.

Если же вы предпочитаете сделать иконку 48×48 пикселей, то можете позволить себе увеличить количество доступных оттенков.

Допустим, вы уже создали себе иконку, которая будет хорошо смотреться на портале.

Теперь настало время разместить её.

На каких-нибудь Тильде и WordPress есть специальные разделы, где можно поставить фавикон.

Но сейчас поговорим о более трудном способе, который работает и без вышеперечисленных сервисов.

Начать стоит с того, что вы зададите правильное название.

Также убедитесь, что в формате всё прописано правильно.

Кстати, во время загрузки пропишите форматы для всех платформ.

Современные браузеры учитывают эти параметры.

После этого отправьте файлы в исходную директорию сайта.

Если вы всё сделаете правильно, то по адресу «Вашсайт.ru/favicon.ico» вы увидите тот самый значок.

Дальше вы можете прописать его дополнительно в коде. Но большой необходимости в этом нет.

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

 

Фавикон — иконка для сайта. Как создать? Какой размер? Какой выбрать? — смотреть видео

 

P.S. Возможно вам интересна будет запись: «Оптимизация и продвижение сайтов в поисковых системах»

 

Заключение

Вот вы и узнали, какой должен быть оптимальный размер фавикона для сайта.

Поисковики советуют загружать файлы от 128 пикселей, чтобы они хорошо отображались на всех устройствах.

Если же вы ориентируетесь только на компьютер, то ваши размеры – 16×16. В крайнем случае возьмите 48×48.

Также ограничьте себя 16 цветами, чтобы файл получился качественным.

Важно выполнять иконки для сайта в минималистичном стиле.

Тогда она будет хорошо смотреться везде.

Если же будет много мелких объектов, то иконка превратится в кашу.

Перед загрузкой проверьте тип и название файла с фавиконом.

Если всё хорошо, то загрузите в корневую директорию.

После проверьте с помощью перехода по ссылке «Вашсайт.ru/favicon.ico».

Если он там есть, то даже необязательно прописывать в коде.


 

А вы обращаете внимание на фавикон сайта, прежде чем зайти на него?

 

P.S. На нашем сайте вы можете получить бесплатно курсы по заработку в интернете. Находятся они на этой странице

 


P.S.S. Чтобы написать данную статью, было потрачено много сил и времени. И если она принесла пользу вам, то возможно она принесет пользу и вашим друзьям.

Для этого нажмите и поделитесь с друзьями в социальных сетях.   А для нас это будет лучшей благодарностью и мотивацией на будущее!

А хотите первыми узнавать об обновлениях? Подписывайтесь на новости блога

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: