Однажды делала сайт-визитку для одного из своих клиентов и поймала себя на мысли, что обычный фавикон в формате .ico нельзя сделать в современном фотошопе, начиная с версии cs4 и выше.

Я раньше даже об этом и не задумывалась, поскольку делала такие фавиконы при помощи различных онлайн-конвертеров. Их тысячи в интернете, просто наберите в вашем поисковике: «конвертировать изображение в ico» или «сохранить изображение в ico», или еще как-нибудь, например, «перевести картинку в ico», и вам точно попадется один из сайтов-конвертеров, который вам бесплатно будет конвертировать изображение в ico. Но мы здесь собрались не для этого, а для того, чтобы научиться конвертировать картинку в ico самостоятельно. Мне в этом, кстати, помог курс Adobe Photoshop.

 

Как сохранить изображение в формате ico быстро и просто?

Представим, что у нас есть вот такая картинка favicon.png размером 16х16 пикселей. Я специально выбрала этот минимальный размер для примера, потому что на нем хорошо будут видны различия миниатюр самих иконок.

Если вы думаете, что можно просто вручную поменять расширение изображения с .png на .ico, то вы ошибаетесь. Так иконка не получится и отображаться она будет такой же маленькой картинкой. Вот например так:

Поэтому, для того, чтобы сделать иконку в формате ico из обычного изображения в формате .jpg, .png, нам нужно будет воспользоваться фотошопом.

Однако, как видно на следующем фото, стандартная сборка фотошопа, начиная с версии Photoshop cs4, cs5 и cs6 не позволяет сохранять изображение в формате ico.

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

Плагин ICO для 32-битной версии Windows x86	Плагин ICO для 64-битной версии Windows x64
Скачать	Скачать

 *Не забудьте разархивировать скаченный файл.

 

Как установить плагин для расширений .ico на Photoshop?

Все очень просто!

Скаченный файл в архиве, поэтому вам потребуется лишь разархивировать файл и закинуть его в нужную папку под названием «File formats», там где у вас хранится фотошоп. Например:

• У меня Photoshop cs4 и находится он на диске C, значит, я ищу папку здесь:

C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\File Formats\

Копирую туда наш скачанный файл плагина .ico.

Также у вас может быть еще другой адрес этой папки:

C:\Program Files\Adobe\Adobe Photoshop CS4\App\Photoshop\Plug-ins\File Formats\

• Если у вас Photoshop cs5, то вероятнее всего адрес данной папки будет такой:

C:\Program Files\Adobe\Adobe Photoshop CS5\Required\Plug-ins\File Formats\

• Если у вас Photoshop cs6, то плагин ICO также нужно установить в эту папку:

C:\Program Files\Adobe\Adobe Photoshop CS6\Required\Plug-ins\File Formats\

Что касается версии Photoshop cc, то адрес папки с плагинами остался прежним. Т.е. наш скаченный плагин ico для photoshop cc устанавливаем по тому же пути, как и для версии Photoshop cs6. Только не забудьте скачать 64-битную версию плагина, если у вас 64-разрядная система.

 

Как сохранить картинку в формате ico?

После того, как мы скинули туда наш файл, просто запускаем фотошоп и загружаем нужную картинку. А далее, все как обычно: нажимаем Файл —> Сохранить как —> и выбираем уже наш появившийся формат .ICO.

Сохраняем и получаем результат – чудесную иконку 16х16 в формате .ico. Теперь ее уже можно будет поставить в качестве фавикона на своем сайте или просто использовать, в качестве иконки к какой-нибудь папке или файлу на рабочем столе вашего компьютера.

А о том как именно добавить фавикон на сайт, я расскажу уже в следующей статье.