Воскресенье, 21 Июль 2013 20:51

Favicon (маленькая картинка для сайта в закладку)

Автор 
Оцените материал
(0 голосов)

   Favicon - это маленький значек в левом углу закладки сайта в браузере, который обычно совпадает с логотипом (уменьшенной его копией) или заглавной буквой названия фирмы. Важно, что бы человек в будущем глядя на эту картинку, размером 16x16 px сразу ассоциировал ее с вашим сайтом... 

  Что такое Favicon - (сокращение от англ. favourite icon) это маленький значек в левом углу закладки сайта в браузере, который обычно совпадает с логотипом (уменьшенной его копией) или заглавной буквой названия фирмы. Важно, что бы человек в будущем глядя на эту картинку, размером 16x16 px сразу ассоциировал ее с вашим сайтом... 

 

 

   Так как размер изображения весьма не велик (16x16) то стоит продумывать то, что вы собираетесь на нем разместить. Для такого холста подойдет не сложный значек или упрощенный логотип. Цвета для создания favicon можно использовать самые различные, в этом ограничений у вас нет!

 

 Примеры:

 

 

 

Как сделать?

 Сделать favicon можно несколькими способами:

- нарисовать самому и сохранить с расширением .ico (обычно favicon.ico),

- использовать для создания готовую картинку (принцип как и в предыдущем пункте),

- использовать онлайн сервис для создания favicon в ручную (весьма прост в использовании):

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

 

Онлайн сервис http://www.favicon.cc/ (для перехода по ссылке скопируйте ее в адресную строку вашего браузера в новом окне):

 

 

Как вы могли уже догадались "интуитивно-понятный" интерфейс этого сервиса поможет вам без проблем создать favicon для вашего сайта и скачать его уже в готовом виде, т.е. в формате .ico.

 

Еще сервисы:

* http://www.cy-pr.com/tools/favicon/

* http://genfavicon.com/

* http://www.tools.dynamicdrive.com/favicon/

* http://favicon-generator.org/

* http://www.faviconfactory.com/

* http://shaheeilyas.com/favicon/

* http://www.degraeve.com/favicon/

* http://michurin.com.ru/favicon-editor.shtml

 

СКАЧАТЬ ГОТОВЫЙ FAVICON

Если Вам не хочется утруждать себя создание favicon, хотя это дело примерно 2-х минут, то можно загрузить себе уже готовые:

1. http://www.audit4web.ru/favicon/ – более 15000 иконок.

2. http://www.iconj.com/ – более 18000. Есть также и анимированные. Также присутствует генератор favicon, (причём не плохой.)

 

Как добавить миниатюра на свой сайт:

 - залить миниатюру в корень сайта

- между тэгами <head>....</head> в вашем шаблоне прописать:

<link rel="shortcut icon" href="http://ваш_сайт/_favicon.ico" >
 

 

Прочитано 265 раз Последнее изменение Четверг, 25 Июль 2013 18:31
DAR

Медиа

Оставить комментарий

Убедитесь, что вы вводите (*) необходимую информацию, где нужно
HTML-коды запрещены