Как заставить фотошоп сделать картинку в формате ICO?

как сделать картинку в формате ico

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

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

 

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

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

конвертировать картинку в ico

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

перевести картинку в ico

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

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

сохранить изображение в 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.

сохранить картинку 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.

картинки сделать ico

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

изображение в формате ico

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

Вы можете оставить комментарий или ссылку на статью на вашем сайте.

Поделиться:

1 Комментарий “Как заставить фотошоп сделать картинку в формате ICO?”

  1. Владимир:

    Спасибо!

Комментировать статью

Яндекс.Метрика