Как сделать иконку для сайта

Опубликовано: 01.09.2018

видео Как сделать иконку для сайта

Как сделать иконку (*.ico) с любой картинки.

Всем привет. Сайтов в сети много, поэтому надо пользоваться любой возможностью сделать свой сайт уникальным, выделить его из серой массы других сайтов. Для этого, есть один отличный способ. Я говорю об иконках для сайтов, так называемых Favicon(фавикон). Я продемонстрирую Вам как создается favicon.ico и каким образом вставить его на Ваш сайт или блог.



Несомненно, некоторая часть из Вас еще не подозревает о чем пойдет сегодня речь. Наиболее проще описать, что такое Favicon (фавикон) можно словами – это картинка, которую мы видим в браузере рядом с адресом сайта.

Кроме того, это же изображение появляется в выдаче Яндекса напротив Вашего сайта. Это изображение является, своего рода, оригинальный логотипом сайта, придает ему некоторую индивидуальность и помогает ему выделиться среди других.


Как сделать иконку для сайта

Для создания иконок для сайта есть специальный сервис, который Вы можете найти по адресу www.favicon.cc .

Для создания своего favicon’a выберите цвет и начните рисовать, закрашивая пикселы Вашего будущего фавикона. Если результат Вам не нравится по тем или иным причинам, то вы можете воспользоваться инструментом transparent, который предназначен для «попиксельного» удаления. Вот что у меня получилось.

Как СОЗДАТЬ FAVICON и установить его на сайт WORDPRESS. Уроки по Wordpress

Замечательной особенностью сервиса favicon.cc является наличие раздела Preview, в котором отображается результат Вашего труда оригинального размера. Кроме того, результать автоматически отображается прямо в браузере рядом с заголовком www.favicon.cc.

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

Как сделать favicon (фавикон), используя готовое изображение

Если Вас, также как и меня, природа обделила талантом художника, для создания иконки можно использовать готовое изображение. Для этого можно воспользоваться ресурсом favicon.ru . У Вас не возникнут проблемы с его использованием, так как он полностью русскоязычный. По кнопке «Обзор» выбираем изображение, которое станет иконкой сайта, далее кликаем “Создать favicon.ico” и напоследок “Скачать favicon.ico”. К несчастью, у меня не оказалось подходящего изображения, поэтому для того, чтобы сделать своему сайту иконку я воспользуюсь еще одним способом.

В сети можно воспользоваться хранилищами бесплатных готовых favicon’ов и подобрать наиболее подходящий по тематике вашему сайту(блогу). Я рекомендую следующие базы:

www.iconj.com

www.favicon.co.uk

www.audit4web.ru

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

Для того, чтобы установить понравившуюся иконку на Ваш сайт необходимо прежде всего, закачать файл favicon.ico в корневую папку Вашего сайт. После этого, необходимо вставить  между тегами <head> и </head> вот такие две строки:

<link rel=»shortcut icon» href=»http://адрес_сайта/favicon.ico» type=»image/x-icon» />

<link rel=»icon» href=»http://адрес_сайта/favicon.ico» type=»image/x-icon» />  

В том случае, если Ваш сайт работает на WordPress, то сделать это можно в файле header.php Вашей темы оформления. Вот и все. Проделав эти нехитрые манипуляции, я установил на свой сайт фавиконку.

Если Вам понравилась статья, обязательно напишите об этом в комментариях. И по традиции напоминаю, не забывайте подписываться на RSS .

Как сделать иконку для сайта was last modified: by admin

rss