Главная страница · Дизайн · Создание FavIcons, урок по созданию собственной фавиконки

Лучшая работа в Москве: Стажер (помощник консультанта) SAP FI/CO. Устройтесь на работу с нами.

Создание FavIcons, урок по созданию собственной фавиконки

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

Создание фавиконки без Фотошопа

Нам потребуется бесплатная программа для работы с графикой - InfanView и картинка, которая будет служить нам будущей фавиконкой. Исходное изображение я приложил немного ниже.

Исходное изображение Favicons

Устанавливаем и запускаем программу InfanViews. После этого можно приступить к открытию нашего исходного графического файла. Для этого достаточно в окне программы перейти в меню Файл >> Открыть.

Теперь нам потребуется изменить размер изображения. Напомню, что Favicon имеет стандартный размер в 16 пикселей по двум сторонам. Можно конечно использовать и большее изображение, но ничего кроме замедления в загрузке страницы вы не получите. Хотя браузер после первого посещения сайта закэширует Favicon.

Чтобы изменить размер изображения, нажмите Shift + R (Resize). Перед нами появится вот такое окошко.

Создание фавиконки с помощью InfanView

Установите в полях Ширина и Высота значения - 16 и нажмите "Ок". Сохраните полученную Favicons. Сделать это можно нажав Файл >> Сохранить как... или просто нажать горячую клавишу "S".

Создание Favicons с помощью InfanView

Установите тип файла в .ico и имя favicon (обязательно в нижнем регистре). Полученный файл загрузите в корень сайта и можете любоваться своей работой. ;)

2010-07-08 18:44