Как добавить favicon.ico на сайт

Чтобы создать favicon.ico, перейдите по соответствующей ссылке. Она расскажет больше о процессе добавления его на веб-сайт.

Шаги

1. 1 Чтобы создать favicon.ico на компьютере, вам потребуется программное обеспечение для редактирования фото, такое как Adobe Photoshop, Adobe Fireworks, Illustrator и т.д. [New document ->size:16px x 16px -> Создайте что-то простое, что лучше всего описывает ваш сайт -> Save as: favicon.ico (name.extension)] http://pad3.whstatic.com/images/thumb/b/be/Add-Favicon.Ico-to-Your-Website-Step-1-preview.jpg/550px-Add-Favicon.Ico-to-Your-Website-Step-1-preview.jpg http://pad1.whstatic.com/images/thumb/b/be/Add-Favicon.Ico-to-Your-Website-Step-1-preview.jpg/300px-Add-Favicon.Ico-to-Your-Website-Step-1-preview.jpg http://d5kh2btv85w9n.cloudfront.net/f/ff/Add Favicon.Ico to Your Website Step 1.360p.mp4
2. 2 Если у вас есть свой favicon.ico, вам нужно загрузить его в корневой каталог вашего сайта. (Там же, где находится файл index.htm на сервере хостинга веб-сайта.) Затем выберите файл index.htm и щелкните правой кнопкой мыши по Edit и вставьте следующий код в раздел вашего файла index.htm http://pad1.whstatic.com/images/thumb/f/f9/Add-Favicon.Ico-to-Your-Website-Step-2-preview.jpg/550px-Add-Favicon.Ico-to-Your-Website-Step-2-preview.jpg http://pad1.whstatic.com/images/thumb/f/f9/Add-Favicon.Ico-to-Your-Website-Step-2-preview.jpg/300px-Add-Favicon.Ico-to-Your-Website-Step-2-preview.jpg http://d5kh2btv85w9n.cloudfront.net/5/5f/Add Favicon.Ico to Your Website Step 2.360p.mp4
3. 3<link rel="shortcut icon" href="http://www.exemple.com/favicon.ico" type="image/icon"> <link rel="icon" href="http://www.exemple.com/favicon.ico" type="image/icon"> http://pad2.whstatic.com/images/thumb/c/c6/Add-Favicon.Ico-to-Your-Website-Step-3-preview.jpg/550px-Add-Favicon.Ico-to-Your-Website-Step-3-preview.jpg http://pad2.whstatic.com/images/thumb/c/c6/Add-Favicon.Ico-to-Your-Website-Step-3-preview.jpg/300px-Add-Favicon.Ico-to-Your-Website-Step-3-preview.jpg http://d5kh2btv85w9n.cloudfront.net/2/2c/Add Favicon.Ico to Your Website Step 3.360p.mp4
4. 4 Нажмите кнопку Save и выйдите из вашего хоста. (Некоторые старые версии Internet Explorer не понимают одну из строк кода, так что лучше указать их обоих). http://pad2.whstatic.com/images/thumb/3/3e/Add-Favicon.Ico-to-Your-Website-Step-4-preview.jpg/550px-Add-Favicon.Ico-to-Your-Website-Step-4-preview.jpg http://pad3.whstatic.com/images/thumb/3/3e/Add-Favicon.Ico-to-Your-Website-Step-4-preview.jpg/300px-Add-Favicon.Ico-to-Your-Website-Step-4-preview.jpg http://d5kh2btv85w9n.cloudfront.net/0/0d/Add Favicon.Ico to Your Website Step 4.360p.mp4
5. 5 Если вы только разместили код в вашем файле index.htm (Главная страница), тогда это единственная страница, где должен появиться Favicon (favorites icon). Если вы хотите, чтобы он был на каждой странице вашего сайта, то должны поместить код на каждой странице. (Чтобы сделать это, повторите шаги 2-4 для каждого файла page.htm вашего сайта). http://pad1.whstatic.com/images/thumb/1/16/Add-Favicon.Ico-to-Your-Website-Step-5-preview.jpg/550px-Add-Favicon.Ico-to-Your-Website-Step-5-preview.jpg http://pad3.whstatic.com/images/thumb/1/16/Add-Favicon.Ico-to-Your-Website-Step-5-preview.jpg/300px-Add-Favicon.Ico-to-Your-Website-Step-5-preview.jpg http://d5kh2btv85w9n.cloudfront.net/a/ac/Add Favicon.Ico to Your Website Step 5.360p.mp4
6. 6 http://pad1.whstatic.com/images/thumb/f/f1/Add-Favicon.Ico-to-Your-Website-Step-6-preview.jpg/550px-Add-Favicon.Ico-to-Your-Website-Step-6-preview.jpg http://pad3.whstatic.com/images/thumb/f/f1/Add-Favicon.Ico-to-Your-Website-Step-6-preview.jpg/300px-Add-Favicon.Ico-to-Your-Website-Step-6-preview.jpg http://d5kh2btv85w9n.cloudfront.net/7/7f/Add Favicon.Ico to Your Website Step 6.360p.mp4
7. 7 Как правило, это занимает 1-2 дня, чтобы он появился на вашем сайте. [Ботам браузера (роботам, паукам, сканерам) потребуется время, чтобы найти, поместить в кэш и проиндексировать его].

Советы

• Не делайте свой Favicon слишком трудным для чтения или понимания; это ваш логотип/визитная карточка для интернет-сообщества; сделайте его красивым и простым.
• Иногда лучше создать значок на холсте размером 32px х 32px и затем изменить размер изображения на 16px х 16px (единственный размер, который подходит в качестве Favicon) для получения лучшего разрешения.