Как добавить Favicon?

Favicon называют специальную иконку, которую видно вверху страницы интернет-обозревателя при открытии того или иного сайта. Это очень удобно, когда по такой иконке пользователь сразу узнает сайт. Ее видно и в списке закладок, и при выдаче поисковой системой сайтов по запросу. Использование Favicon давно стало стандартом, а сайт без этой иконки сразу показывает, что его разработчики — не особо опытные специалисты. В общем и целом наличие этого элемента повышает доверие и узнаваемость проекта. Здесь мы разберем самый простой способ создания Favicon.

  1. Для начала необходимо сделать изображение, которое, собственно, и будет иконкой вашего сайта. Для этого нужно запустить приложение для работы с графикой (Paint.net, Photoshop, Gimp или любое другое). В нем вам нужно создать картинку размером 16×16. Правильнее всего использовать формат ico. Многие современные браузеры распознают фавикон и в других графических форматах, но во избежание конфликта версий лучше все же использовать родной для такого рода изображений формат.
  2. Некоторые простейшие графические редакторы не поддерживают работу с ico файлами. В таком случае вы можете создать изображение в любом другом формате, а затем использовать соответствующий веб-сервис для преобразования файла. Таких сервисов достаточно много и все они имеют простой интерфейс и не требуют особых навыков для конвертации. Также, при желании, некоторые из этих сервисов можно использовать для всех этапов разработки нужной вам иконки.
  3. Тут важно сказать пару слов о выборе изображения для Фавикон. Рекомендуем провести исследование среди сайтов, похожих на ваш по тематике или направлению деятельности. Это важно для того, чтоб, во-первых, не повторяться, а, во-вторых – нащупать идею для своей иконки. Изображение должно, в целом, отображать тематику, но при этом не дублировать по цвету и схеме подобные проекты. Также не стоит выбирать слишком мелкое изображение, которое не может быть понятно с первого взгляда.

    Варианты изображений для Фавикон
    Варианты изображений для Фавикон
  4. После того, как ваша иконка готова, остается залить ее на сервер с сайтом. Имя файла должно быть favicon.ico. Это поможет избежать путаницы при обработке браузерами. Лучше сразу поместить файл в корневую папку. Другой вариант – явно указать в коде сайта ссылку на место размещения файла. Теперь остается разместить следующую строчку (<link rel=»shortcut icon» type=»image/x-icon» href=»favicon.ico»>) в код сайта (в заголовок html документа).
  5. Для большинства популярных систем управления сайтами существуют специальные плагины по управлению иконками Favicon. Если вы используете одну из таких CMS, то попробуйте этот способ. Он сравнительно легче и позволяет быстро менять иконку без необходимости открывать исходные файлы сайта.

Видео: Как добавить иконку сайта (фавикон) в Adobe Muse CC

Сергей Гришечкин

Главный редактор информационного портала BestHard.

sergey2829 имеет 750 сообщений и подсчета голосов.Посмотреть все сообщения sergey2829

9 thoughts on “Как добавить Favicon?

  • 12.05.2019 в 08:08
    Permalink

    I have been exploring for a bit for any high quality articles or
    blog posts on this kind of house . Exploring
    in Yahoo I finally stumbled upon this web site.
    Reading this info So i am glad to show that I’ve an incredibly just right
    uncanny feeling I came upon exactly what I needed.
    I so much indisputably will make sure to do not forget this web site and provides it a look regularly.

    Ответ
  • 13.05.2019 в 10:17
    Permalink

    This article will assist the internet visitors for building up new webpage or even a blog from start to end.

    Ответ
  • 17.05.2019 в 04:20
    Permalink

    Hello there! I know this is somewhat off topic but I was wondering which blog platform are you using for this website?
    I’m getting fed up of WordPress because I’ve had issues with hackers and I’m looking
    at alternatives for another platform. I would be great if you could point me in the direction of a good
    platform.

    Ответ
  • 17.06.2019 в 14:46
    Permalink

    Heya i am for the first time here. I found this board and I
    in finding It truly helpful & it helped me out a lot.
    I am hoping to provide something again and aid others such as you helped me.

    Ответ
  • 26.07.2019 в 01:35
    Permalink

    Howdy, i read your blog from time to time and i own a similar one
    and i was just curious if you get a lot of spam comments?
    If so how do you prevent it, any plugin or anything you can suggest?
    I get so much lately it’s driving me crazy so any assistance is very much appreciated.
    natalielise pof

    Ответ
  • 19.08.2019 в 16:43
    Permalink

    I think the admin of this web page is genuinely working hard for his web page, because here every
    information is quality based stuff.

    Ответ
  • 04.09.2019 в 13:35
    Permalink

    Greetings I am so thrilled I found your blog page, I really found you by accident, while I was
    looking on Aol for something else, Nonetheless I am here
    now and would just like to say cheers for a incredible post
    and a all round enjoyable blog (I also love the theme/design),
    I don’t have time to go through it all at the
    minute but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read much more,
    Please do keep up the fantastic work.

    Ответ

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *