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


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

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

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

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

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

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

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

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

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

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

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

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

Запись опубликована в рубрике Обработка фотографий с метками , , . Добавьте в закладки постоянную ссылку.

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>