wp_head () Яндекс.Метрика

Иконки для сайта.

Одна из нужных вещей для сайта – иконка, которая появляется в закладках на панели, в избранном или перед его названием. Иконку сайта показывают в результатах поиска в поисковых системах: Яндексе, Рамблере, Гугле и других. Таким образом, иконка сайта — необходимый атрибут каждого серьезного интернет — проекта.

 

Создать иконку для сайта несложное дело.  

Для этого можно применить несколько вариантов:

v  найти и скачать готовую иконку в Сети Интернет, благо их там предостаточно;

v  можно нарисовать иконку самому и сохранить её в понравившемся редакторе, в формате, который Вам требуется (*.ico);

v  самым правильным и серьёзным подходом будет использование программы «Photoshop».

 

ü  1 вариант самый простой и, думаю, не вызовет никаких затруднений.

 

ü  2 вариант посложнее, потому что не так много фоторедакторов, позволяющих Вам сохранить рисунок иконки в формате "ico". Но выход есть — применить для сохранения иконки формат "gif", предварительно указав его тип в теге при вызове иконки.

 

 Если вы все-таки решили нарисовать иконку самостоятельно, рекомендую воспользоваться бесплатным фоторедактором "PhotoFiltre". Нарисуйте иконку и выберите команду "Сервис — Экспорт иконки".

 

В открывшемся окне устанавливаем формат иконки и жмём — "Экспорт".

Укажите папку, в которой будет хранить ваша иконка и присвойте ей имя файла — "favicon.ico". Теперь поместите ее в корневой каталог Вашего сайта.

 

ü  3 вариант — использование программы «Photoshop».

 

 Скачайте бесплатный плагин "ico"- формата, и распакуйте его в нужную папку или на диск «D»: ProgramFilesAdobeAdobePhotoshopCS2PlugInsFileFormats. Плагин размером 26 Кб. Возможно, вместо CS2 в пути файла будет установлена Ваша личная версия программы "Photoshop". Размер иконки до 16/16 px.

 

 Файл поместите в корневой каталог сайта, для того, чтобы поисковики могли его найти, а в HTML странице укажите теговый путь:<head>..</head> строчкой:

<link rel="shortcut icon" href="favicon.ico" type="image/icon">

 

 

Как же нарисовать иконку? Да просто как умеете! Частенько для этого используют логотип или просто символы, которые имеют отношение к содержанию сайта. Это наглядно и удобно, особенно, если символы заключены в цветной квадрат или окружность, либо 2 или 3 буквы наложены друг на друга.

 

Размер рисунка – 16*16 рх, можно использовать 32*32 рх, но стоит учесть, что браузер всё равно будет показывать16*16. Втиснуть что-то изощренное в такие ограниченные размеры не получится, а мелкие элементы будут похожи на цветной шум. Следовательно, иконка должна быть простой.

 

 Иконка, несомненно, украсит любой сайт. Вы можете сделать иконки для отдельных страниц сайта. Только не делайте разнообразные изображения, так как это приведет к путанице, это должно быть  вариантами логотипа или основной картинки, конкретизацию сделайте с привязкой к контенту страницы, это станет дизайнерским эффектом.

 

 Для вывода иконок пропишите путь к определенному изображению href="(адрес).ico" в теге <link> страницы.

 

Ещё один интересный вариант проявления своих творческих способностей — анимированные иконки  для вашего сайта. Это сегодня очень актуально, так как самый популярный  браузер «Firefox» эту функцию поддерживает. Один из самых популярных вариантов анимации – вращающаяся иконка, которая обязательно привлечет внимание посетителя.

 

Для этого нужно создать «GIF-анимированную картинку» размером 16*16рх, например «icon.gif», поместите ее в корневой каталог и укажите путь к файлу в теге <link>:

<link rel="shortcut icon" href="icon.gif" type="image/gif">

 

Удачи в творчестве!

 

 

Комментарии (2) на “Иконки для сайта.”

  • Спасибо очень помогло!

  • trever trever:

    Рада, что материал оказался полезным для вас.

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

Рубрики
Это бесплатно!
Дешевые тексты
Проверенные материалы
f7fa36b3