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

Школа Продающих Сайтов

Бесплатный видео курс - Простой сайт без знания HTML

A5.ru: конструктор сайтов

A5.ru: создать собственный сайт без лишних затрат и усилий!

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

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

Итак, в прошлый раз мы сделали иконку для сайта, воспользовавшись сервисом favicon.ru. Смысл работы данного сервиса заключается в следующем, Вы подбираете картину для сайта, закачиваете её на сервис и кликаете кнопку создать favicon.ico.

Сервис создания иконок favicon.ru, формирует файл favicon.ico. Вам остается только нажать на кнопку “Скачать favicon.ico”, чтобы скачать файл готовой иконки к себе на компьютер.

Далее, вы закачиваете иконку в корневой каталог Вашего сайта, если необходимо, добавляете в html код каждой страницы между тегами <head> и </head> следующий код, который указывает на файл иконки сайта:

После этого, Ваш сайт будет отображаться в браузере с иконкой.

В этой статье мы рассмотрим работу ещё одного сервиса для создания иконок для сайта : favicon.cc и рассмотрим как сделать иконку для сайта с помощью известного графического редактора Photoshop.

Итак, как сделать иконку для сайта на сайте favicon.cc, во-первых, не обходимо отметить, что здесь, так же как и на favicon.ru, иконку для сайта можно создать, закачав свою картинку на сервис.

Но, на favicon.cc, есть ещё одна возможность создания иконки для сайта. Эта возможность заключается в том, что вы, используя размеченное на условные пикселы полотно, и простые инструменты для рисования. А именно, ластик и карандаш, сможете сами нарисовать иконку для сайта. Посмотреть её внешний вид и скачать готовый файл иконки favicon.ico, себе на компьютер.

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

А как сделать иконку для сайта, если у Вас установлен известный графический редактор Photoshop? Оказывается все очень просто, для того, чтобы у программы Photoshop была возможность сохранять файлы с расширением ico, необходимо установить плагин.

Плагин называется icoformat.8bi, собственно установка плагина, заключается в добавлении файла icoformat.8bi в папку программы Photoshop. Вот путь к этому файлу в случае стандартной установки программы Photoshop:

C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats\icoformat.8bi

А вот ссылка, чтобы скачать бесплатно плагин, к программе фотошоп, для создания иконки для сайта:

Скачать icoformat.rar, 7,11 Кб.

После того, как вы установите плагин, в программе Photoshop, появится возможность сохранять картинки с расширением ico. Теперь, чтобы сделать иконку для сайта, Вам достаточно подобрать нужную картинку, отредактировать её под свой сайт в Photoshop, и сохранить эту картинку с именем favicon.ico.

Ну, дальше, как обычно, закачиваете иконку favicon.ico в коренной каталог сайта и получаете рабочую иконку сайта.

Да, необходимо отметить, что программа Photoshop, является очень мощным графическим инструментом, позволяющим создавать очень качественную графику. В качестве примера, можно привести такой способ создания иконки для сайта, как рисунок логотипа сайта без фона.

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

И не забывайте, что после создания иконки, её размер должен быть стандартным, то есть 16x16 пикселей, 32x32 пикселя, или 48x48 пикселей.

Автор: Виктор Милованов.

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