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

Статья знакомит с подходами в создании иконки для сайта (favicon)


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

Эти иконки называются favicon (сокр. от англ. FAVorites ICON - значок для избранного). И впервые была применена в браузере Microsoft Explorer 4 в 1997 году.

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

Естественно, большинство сайтов создают для себя запоминающиеся изображения, это помогает им выделяться и стать чуть более узнаваемыми. Я думаю, что вы все помните favicons сайта Google или FaceBook.

Технически файл favicons представляет собой графический файл. Традиционно, favicon это изображение с размером 16x16 пикселей в формате .ICO (GIMP понимает данный формат), расположенное в корневом каталоге сайта в файле с именем /favicon.ico.

Например увеличенную версию favicon сайта Цифровая фотография можно увидеть в логотипе к данной статье.

Создать favicon с помощью GIMP очень просто.

Во-первых, создайте подходящее изображение (загрузите посмотреть favicon сайта Цифровая фотография). Вы можете использовать альфа-канал, если логотип вашего сайта занимает не всю площадь иконки. Помните о том что изображение будет уменьшено до размера 16х16, создавайте простое изображение.

Во-вторых, экспортируйте изображение в файл favicon.ico. GIMP сделает это с легкостью. Советую перед выполнением экспорта оставить один единственный слой.

В-третьих, загрузите файл в корневую директорию вашего сайта. Чаще всего это папка /http.

Загрузите свою страницу и наслаждайтесь результатом 🙂

Похожие статьи:
Уроки GIMP
Копирование фотографий с фотоаппарата и организация фотоархива
Вращение изображения
Корректировка перспективных искажений
Кадрирование изображений

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

шестнадцать − четыре =