Ico-plugin для Photoshop
По умолчанию Photoshop не может создавать иконки для программ и favicon для сайта.
Нашёл два плагина:
ICOFormat-1.6f9-win.zip
Sibcode Icon Plugin
Первый плагин доступен с сайта Adobe. Официально распростаняется просто как формат и позволяет сохранять только одну картинку в один файл .ico. Совсем другое дело плагин от Subcode!
Объясняю:
- Скачиваем плагин, распаковываем, копируем файлы ICO.8BI и Png.8BI в папку C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats (путь может быть другим, в зависимости от версии и от того куда вы поставили Photoshop.
- Перезапускаем Photoshop если он у вас открыт.
- Будем считать что картинки для иконок у вас уже готовы – в формате png, 16х16, 32х32 и 48х48 (ну если хотите можно добавить 24х24 хотя этот размер не рекоммендуется). Открываем все картинки в photoshop’е.
- Берём первую картинку, например 48х48. Займёмся сохранением (File -> Save As). Выбираем формат ICO. Называем «favicon.ico». Сохраняем (Save). В диалоговом окне Icon Options нажимаем Ok. (Можем закрыть картинку 48х48 чтобы она нас не смущала.)
- Берём вторую картинку – 32х32. Опять же – File -> Save As. Выбираем формат ICO. Называем «favicon.ico» (да-да, точно так же). Сохраняем (Save). Подтверждаем перезапись. (на самом деле иконка не перезапишется, а добавится в уже существующую).
- В диалоговом окне Icon Options ставим галочку на Advanced, где мы видим, что в нашем файле уже существет одна картинка. Можем поставить галчку png-компрессии для Висты. Ok
- Повторяем 5 и 6 пункты для других картинок.
Чтобы проверить всё ли мы сделали правильно, открываем в Photoshop’e файл favicon.ico. Вместе с ним открывается диалоговое окно Select Dialog for ICO (Windows Icon), где будет указано количество Subicons. Проверьте что в выпадающем списке присутствуют все картинки.
В итоге получаем полноценный .ico файл в котором скомпилены все необходимые иконки, используемый хоть для програм, хоть для сайта.
Дополнительная информация по иконкам Windows:
- Размер 48×48 применяется если выбираем View -> Tiles
- 32×32 – View -> Icons, a также как favatar для сайтов.
- 24×24 только в меню Start (и то если в Taskbar and Start Menu Properties во вкладке Start Menu установлен вид Start Menu, а в Customize отмечено Large Icons)
- 16×16 – View -> List или Details, a также как favicon для сайтов.
Вопросы?
]]>News2.ru]]>Голосовать за статью на news2.ru
»]]>blagoy]]>Спасибо, давно искал данный плагин.
»]]>Raimon]]>В сохранённой иконке цвета какие-то извращённые получаются
»]]>Никита Селецкий]]>Не заметил. Проверь RGB/CMYK. Проверь Color Resolution когда сохраняешь (должно быть 32bpp).
»]]>Raimon]]>Рабочее пространство фотошопа sRGB, Image Mode RGB, Color Resolution 32bpp…
Вот: http://www.ljplus.ru/img3/r/a/raimon71/48.jpg слева оригинал, справа то что получается в иконке.
»]]>Никита Селецкий]]>Дай исходный файл и получившуюся иконку
»]]>Raimon]]>http://aleksandroff.spb.ru/48.png
»http://aleksandroff.spb.ru/32.png
http://aleksandroff.spb.ru/16.png
http://aleksandroff.spb.ru/favicon.ico
]]>Raimon]]>Кстати, а куда эту иконку потом класть?
»]]>Никита Селецкий]]>Мда, с цветами действительно что-то странное. Копайся в настройках. Попробуй удалить и заново поставить плагин.
»У меня с твоими файлами вот что получилось: http://www.seleckis.lv/creative/temp/favicon.ico
]]>Никита Селецкий]]>В смысле, куда ставить favicon.ico для сайта?
»]]>Raimon]]>Так там и настроек то нет никаких…
Куда ставить разобрался
Попробую на домашнем компе.
»]]>Tod]]>Спасибо! Что что нужно:) И не нужны никакие дополнительные программы:)
»]]>Все об иконках favicon.ico | Tod’s Blog. Моё видение интернета]]>[...] В принципе, думаю, вы с легкостью сможете найти и другие продукты для создания и редактирования файлов favicon.ico. Я же для этих целей использую всем известный графический редактор Photoshop. Мне кажется, это наиболее удобный вариант: находим в Интернете подходящее изображение, уменьшаем до требуемого размера иконки 16х16 пикселей и сохраняем. Проблема лишь в том, что по умолчанию Photoshop не обладает возможностью сохранять файлы в формате .ico. Для этого требуется установить специальный плагин – единственный файл архива ICOFormat.8bi помещаем в папку где установлен Photoshop (например: /Program Files/Adobe/Adobe Photoshop CS2/Plug-Ins/File Formats). Кстати, для Photoshop есть еще один плагин по работе с иконками, который позволяет записать в один файл сразу несколько изображений с разными стандартными размерами (16х16, 32х32 и 48х48). Более подробно о работе с ним можно почитать в блоге Никиты Селецкого. [...]
»]]>favicon+wordpress]]>[...] плагина я скачал по ссылкам указанным на этой страничке. Устанавливал тоже оба, но второй почему-то сохранял [...]
»]]>Сергей]]>Спасибо, выручил
»полезная статья
]]>Validcode.ru » Blog Archive » Favicon для блога на WordPress Разбираемся в верстке и не только… вместе]]>[...] плагин позволяющий это сделать. Скачать плагин можно отсюда, здесь же автор объясняет как им [...]
»]]>web-article]]>Когда ж великие программисты Adobe разрешат нам, никчемным, сохранять файлы в фотрамте ICO… Идиотично выглядит ситуация, когда нужно качать популярнейший плагин с официального сайта разработчика, а сам разработчик никак не догадается включить его в установку по умолчанию.
»]]>est vopros]]>a daite kod katorim prekrepit etu ikonku napremer ? ????????????? ili kuda tam ee
»]]>est vopros]]>head> ??????????? </head
»]]>Никита]]><head>
»…
<link href=”/favicon.ico” rel=”shortcut icon” type=”image/ico” />
<link href=”/favicon.ico” rel=”icon” type=”image/vnd.microsoft.icon” />
…
</head>
]]>Алексей]]>Очень хорошая статья. Действительно полезная. Всё четко написано.
»Очень мне помогли.
Благодарю автора.
]]>Михаил]]>Посмотрел я на результат с “лицом” – такое впечатление, что там вырублен черный цвет. Проверьте, возможно исходное фото было в CMYK – или он по какой-то причине воспринял канал черного как альфа-канал
»]]>sasa]]>у меня была таже проблема, что и у вас с файликом лица. Решил так, надо менять в Mode на Inexed mode, индексировать цвета, а не сохранять палитрой РЖБ или др.
»]]>Алекс]]>спасибо за статью, никогда не понимал, как делают красивые иконки))
»]]>DKlim]]>Спасибо за наводку на плагин!
»С Новым Годом, коллега!
]]>Максим]]>ОГРОМНЕЙШЕЕ СПАСИБО Вам Никита !!! за исчерпывающий подробный и детальный Мануал!! по созданию favicon-a. Всё сделал как Вы сказали, всё ОТЛИЧНО ПОЛУЧИЛОСЬ !! До того, как узнал, что существует плагин, делел иконки на он-лайн ресурсах. Ну это всё-равно, что РОЗУ – НЮХАТЬ ЧЕРЕЗ ПРОТИВОГАЗ !!!
ДОСТОЕУ УВАЖЕНИЯ И ОГРОМНОЙ БЛАГОДАРНОСТИ !!!
»]]>Татьяна]]>Большое спасибо! Всё получилось. Только скажите пожалуйста, что делает галочка “png-компрессии для Висты”?
»]]>Никита]]>Наверное, чтобы в Windows Vista и Windows 7 иконка работала.
»]]>gykan]]>Спасибо большое!
»]]>Roman]]>При попытке сохранить файл.ico, Photoshop выкидывает окно:- “Сохранение как “С:\User\Users\Desktop\favicon.ico” невозможно: ошибка диска.” Пожалуйста, подскажите как решить проблему!
»У меня Windows 7 (x86) , Photoshop CS5_rus.