Главная > Уроки Photoshop > Как сохранить иконку сайта favicon в Photoshop

Как сохранить иконку сайта 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. VoJinn пишет:


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

  4. Илья пишет:


    А есть такой же плагин для CS4? поставил этот, неработает…:(

  5. Alexandr пишет:


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

  6. NickVM пишет:


    У меня заработал в CS4, закинул в папку Плаггинс и все, есть

  7. TMaximuS пишет:


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

  8. Alexandr пишет:


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

  9. Anatol пишет:


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

  10. Eniti пишет:


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

  11. Alexandr пишет:


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

  12. Joni-Jo пишет:


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

  13. Alexandr пишет:


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

  14. Андрий пишет:


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

  15. Андрий пишет:


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

  16. vd пишет:


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

  17. Надежда пишет:


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

  18. abrandnew*alex* пишет:


    огромное спасибо!!! Очень нужная штука

  19. Людовед пишет:


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

  20. Дмитрий пишет:


    Тоже устанавливал все супер, спасибо!

  21. MakSim пишет:


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

  22. KOVsA пишет:


    Photoshop CS5 тоже работает, спасибо огромное 🙂

  23. malaymen пишет:


    спасибо Вам огромное

  24. GID пишет:


    Спасибо за наводку на плагин.. Установил на CS4… все работает…

  25. крот пишет:


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

  26. Alexandr пишет:


    крот, читайте комменты выше, этот способ далеко не лучший

  27. Севастьян пишет:


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

  28. Евгений пишет:


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

  29. myha пишет:


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

  30. Шут пишет:


    myha и поисковики их заюзывают?? )

  31. Шут пишет:


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

  32. Одесский Бомж пишет:


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

  33. kaskelen пишет:


    на Photoshop CS5 нормально пошло классная штука!!!

  34. black0wolf пишет:


    Спасибо, а то думал что уже не сохраню изображение в ICO.

  35. madmax пишет:


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

  36. макс пишет:


    на кс5 не работает

  37. kapella пишет:


    Спасибо! стало все как родное.

  38. kapella пишет:


     на CS3 идеально.

  39. cyber-c пишет:


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

  40. Михаил пишет:


    Спасибо, теперь у меня будет гениальная иконка.

  41. евген пишет:


    В CS5 работает отлично! Спасибо за плугин.

  42. dogradio пишет:


    Спасибо за плагин, на CS4 работает хорошо!

Прокомментируете вышенаписанное?

* обозначены обязательные для заполнения поля