Как сохранить иконку сайта favicon в Photoshop

Если нужно создать иконку favicon.ico для своего сайта и нет желания скачивать и тем более платить за специальные программы по созданию иконок, можно обойтись только Фотошопом. К сожалению, даже версия Photoshop CS3 не умеет сохранять файлы в формате ICO. Эта проблема легко исправляется установкой специального плагина. Работы немного, зато плагин позволяет делать сколько угодно иконок быстро и удобно только в Фотошопе. Итак, что нужно делать:

1. Скачиваем специальный плагин для Photoshop, который дает возможность сохранять файлы в формате ICO:

Скачать плагин для Фотошопа, который позволяет сохранять файлы *.ico

Плагин упакован в архив icoformat.rar, весит 7 Кб. В версии Photoshop CS и Photoshop CS3 этот плагин работает точно, в других версиях тоже должен работать, но я лично не проверял.

2. Устанавливаем плагин. Закрываем Photoshop, копируем распакованный плагин icoformat.8bi в папку установки плагинов. Если вы устанавливали Photoshop CS3 в папку по умолчанию, то путь будет такой:

C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats\

Все. Теперь достаточно перезапустить Фотошоп и можно сохранять файлы в формате ICO. Для этого, после создания своей favicon, нажмите Ctrl+Shift+S или File->Save As…:

Сохранить иконку favicon в Photoshop

Если вам нужна подробная информация, как установить иконку favicon на свой сайт, как ее сделать и для чего она вообще нужна, читайте статью Как сделать иконку favicon.ico для своего сайта.

42 комментария к «Как сохранить иконку сайта favicon в Photoshop»

  1. Вы чудо! А я такой плагин долго искала, но всё какие-то кривые попадплись, под старые версии фотошопа, а под CS3 не было. Работает. Ура! ))

  2. Главное не забыть выключить Фотошоп перед установкой плагина. Я с открытым Фотошопом ставил и только со второго перезапуска пункт сохранения в формате ICO стал доступен

  3. Огромное Вам спасибо!
    Вы мне очень помогли!
    А то я раньше создавал при помощи специальной программы. Сначала в фотошопе в bmp, а потом уже той прожкой в ico.
    Сейчас процесс создания favicon.ico занял менее 5 минут!
    Спасибо Вам!

  4. Мне CS4 не понравился, я его снес и вернулся к CS3. Так что подобным плагином не интересовался

  5. Эх вы, молодежь, ладно уж, научу.
    Кароче, рисуете в фотошопе нужный вам рисунок, нажимаете «сохранить как…». Выбираете там расширение BMP и сохраняете, потом достаточно сменить расширение на ICO.
    И вуаля, готовая иконка.
    Чему вас только в школе учат;)

  6. TMaximuS, специально для вас написал отдельную статью о том, можно ли файлы BMP переименовывать в ICO. Рекомендую.

  7. Спасибо большое за плагин и пояснение, ваш блог завершил мои поиски, все скачал-работает… А то в других местах то ссылки битые, то много ненужнго написано. Еще раз СПАИБО!

  8. А я с этим никогда не замарачивался — создаю png нужного размера (16х16 px) с названием favicon.png, а затем переименовываю в favicon.ico. И всё иконка готова, всё работает.

  9. Eniti, чуть выше есть ссылка на статью, которая объясняет, почему так делать не стоит

  10. Сенкс! скачал без проблем, на остальных сайтах на обменики кидают(((
    А тут супер!

  11. Да там файлик крохотный, смысл его на файлообменник выкладывать? На всех известных мне подобных сайтах оплата начисляется только за скачивание файлов больше 1 Мб

  12. В седьмом шопе работает кстати тоже.  )
    Вроде сохраняет альфаканал (по крайней мере прозрачность есть).
    Спасибо.

  13. а еще вопрос.
    как бороться с зашиванием в .ico нескольких разных изображений. .ico-генераторы просто делают из одного файла несколько размеров. Тоесть один и тот же файл сами растягивают или уменьшают как хотят (16×16, 32×32, 48×48).
    Я же отрисовал три версии одного и того же лого с тем, чтобы оно (лого) потом не исказилось. Так вот, охота знать, возможно ли сделать один .ico (из моих изображений) или придется доверится генераторам?

  14. Мне кажется, что с помощью спец. сайтов, их сейчас полно в инете, фавикон легче и главное быстрее сделать.

  15. Спасибо большое! Раньше пользовалась онлайн сервисами по созданию фавиконок, но не совсем это устраивало, теперь можно делать это не выходя из фотошопа.

  16. После не всегда успешных попыток выбрать из миллиона иконок нужную наконец-то имею возможность самому ее создать. Спасибо!

  17. Пользовался онлайн сервисами. Буду пробовать через фотошоп. Хотя если честно так обленился ,что скачиваю уже готовые.

  18. А так *.ico делается в разы проще. сохраняешь в *.bmp и переименовываешь в *.ico=)

  19. Огромное СПАСИБО за отличную инструкцию. Уже несколько раз эта статья меня выручает.

  20. Автору спасибо за статью. Через сервисы всякие делать, качеству конец. Так держать +5

  21. Не понимаю, если честно необходимости в этом плагине, я не селен в технических моментах, но обычно сохраняю картинку в формате gif, а потом меняю расширение в ручную на ico, и все работает

  22. Кстати, могу добавить немного к статье))
    Раньше делал фавикон в коралдров. Там даже без плагина можно экспортировать в ико. Но не советую сей путь. Векторные редакторы в отличии от растровых не дружат особо с пикселями. И можно попасть «между пикселей», что приведет к визуальному размытию изображения. Тобишь потере четкости. А не четкий фавикон — гадость, лучше уж без него тогда жить))). И еще гдет читал что поисковики к переименованным файлам фигово относятся и их не видят) Тоесть в поисковом списке все сайты с иконками, а с переименованной иконкой — без. Не красиво однако)

  23. Делаю фавикон для одного из своих сайтов женской тематики. Вот пришла мысль о том, можно ли сохранить его в фотошопе. Оказывается, есть плагин! Большое спасибо!

  24. Спасибо! Microangelo после этого — полный отстой! Пусть ещё 1000 лет ждут пока им заплатят!

  25. Вот спасибо. Прикольный плагин. Я и не знал, что такое возможно. Это ж можно нарыть всяких форматов и вобще фотошоп станет «комбайном»)))

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

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