5.0 0.5 5 40

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

Александр Якимов
Александр Якимов
1 октября 2014
229
Оцените:
Как сделать иконку?

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

Какой должна быть иконка сайта

Фавикон (или пиктограмма) впервые начала использоваться компанией Microsoft для обозначения добавленных в «избранное» сайтов и отслеживания популярности ресурсов. Поэтому и базовым форматом до сих пор считается ICO. Именно его распознают абсолютно все браузеры.

Теоретически можно снабдить сайт иконками в PNG, JPEG, SVG, APNG и даже GIF (с анимацией) форматах, но их считывание будет производиться (или вовсе не производиться) каждым браузером по-разному.

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

Adobe Photoshop

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

  1. запускаем программу;
  2. открываем меню «Файл»;
  3. выбираем пункт «Открыть…»;
  4. находим нужное изображение на диске и дважды кликаем по нему;
  5. подводим курсор к «шапке» окна открытого изображения и нажимаем правую клавишу мыши;
  6. в развернувшемся меню выбираем пункт «Размер изображения…»;
  7. убираем в открывшемся окне птичку с пункта «Сохранять пропорции» (если стоит);
  8. в разделе «Размерность» устанавливаем в полях «Ширина» и «Высота» значение 16 пикселей;
  9. нажимаем кнопку «OK».

После этого достаточно сохранить иконку с названием favicon с разрешением «.png». Так она будет видна во всех основных браузерах (кроме Internet Explorer). Для конвертирования фавикона в формат ICO придется воспользоваться каким-либо конвертером.

Конвертирование в ICO

Лучшей для этих целей является утилита Format Factory. С ее помощью можно конвертировать практически во все распространенные форматы как видео и аудио файлы, так и изображения. Чтобы преобразовать созданный в графическом редакторе фавикон в ICO с помощью Format Factory необходимо:

  1. запустить программу;
  2. открыть раздел «Фото» (слева);
  3. нажать кнопку «Все в ICO»;
  4. в открывшемся окне нажать кнопку «Файл»;
  5. найти свое изображение на диске и дважды кликнуть по нему;
  6. нажать кнопку «OK»;
  7. нажать кнопку «Старт» в главном окне программы.

Онлайн сервисы

Быстро нарисовать иконку для сайта или преобразовать для данных целей уже имеющееся изображение можно при помощи различных онлайн сервисов.

Favicon.ru

Чтобы создать фавикон в этом сервисе достаточно:

  1. перейти по адресу;
  2. в поле «Нарисовать иконку» изобразить желаемый объект (выбор цветов находится на левой панели);
  3. нажать кнопку «СКАЧАТЬ FAVICON»;
  4. нажать кнопку «СКАЧАТЬ» в новом окне и указать место для сохранения созданной иконки.

Favico.com

Позволяет преобразовывать любые картинку в иконки для сайта. Для этого необходимо:

  1. перейти по адресу;
  2. нажать на кнопку «BROWSE»;
  3. выбрать желаемое изображение на диске;
  4. нажать кнопку «CREATE»;
  5. нажать на стрелку в панели справа и указать место для сохранения созданной иконки.
Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!