Горбунов Павел

Дизайнер. Фрилансер. Ищу решения, новые подходы.
И стараюсь об этом рассказывать.

Сохранение, создание и редактирование формата ico в Photoshop

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

Favicon — это картинка (мини-логотип сайта), которая видна во вкладке и при выдаче в поиске.

Иконка во вкладке и поисковой выдаче

Формат ico (формат иконок) изначально не поддерживается в фотошопе, следовательно открывать, сохранять и редактировать его нельзя. В этой статье я расскажу как подружить ico с photoshop.

Раньше я делал так: рисовал иконку 16x16px в фотошопе, сохранял её в png, а потом переименовывал в favicon.ico.

И все вроде бы работало. Но это не правильный метод!
Появляется проблема: в поиске не отображается фавиконка, в объявлениях Директ иконки тоже нет, а это сильно влияет на клики.

Дружим фотошоп с ico

  1. Скачиваем плагин ICO (Windows Icon) Format
  2. В архиве нам нужен файл с расширением .8bi (для маков .plugin)
  3. Кидаем этот файл в папку фотошопа
    Windows: (C:Program Files/Adobe/Adobe Photoshop CS6 (64 Bit)/Required/Plug-Ins/File Formats)
    Mac: (Программы/Adobe Photoshop/Plug-ins)
  4. Перезапускает фотошоп, если требуется.
  5. Теперь у нас поддерживается и открывается формат ico в фотошопе.

Примечание:
Если хотите сохранить иконку в формате .ico размер должен быть 16 на 16 пикселей или окошка с выбором сохранения в ico не будет!

Поделиться заметкой:


Поделиться
Отправить