Как сделать ico с прозрачным фоном

Естественно я сразу начал грешить на сайты генераторы иконок и прочее. Нашел несколько других сайтов генераторов, но счастливее не стал. Для начала нужно сделать картинку, из которой мы будем создавать иконку. Изображение обязательно должно быть равносторонним. Ширина картинки равна Высоте. Если хоть на 1 пиксель ни будут отличаться, иконка получится кривая. Размер иконки должен быть не менее 16x16 пикселов. Можно и больше, генератор сам уменьшит картинку.

А то я уже расстраиваться начал. Комментарий от mitry [ Сентябрь 2, , Комментарий от Spaun [ Ноябрь 14, , Комментарий от Андрей [ Декабрь 6, , Комментарий от яя [ Апрель 9, , Комментарий от Татьяна [ Март 16, , Комментарий от Кирилл [ Апрель 19, , Комментарий от Александр [ Апрель 23, , У меня 9 фотошоп в нём нет сохранить в формате.

На моём сайте favicon с расширением png, благо в админке есть возможность через редактирование шаблона задать картинку для фавикона. Но на другом сайте нет такой возможности. И на помощь пришёл как всегда бубен. Cохранить картинку без фона в формате png: Положила картинку в корень сайта 3. Нашла php с функцией addFavicon 4. В этой функции и далее по тексту исправила: Всё заработало даже без очистки кеша. В частности, вот на этом сайте: Что же такое Favicon? Сделаем это в Photoshop: Друзья Карта сайта О сайте.

Создали картинку, отредактировали, почистили как нам надо кисточкой. Учтите, чтобы получилась прозрачность нужно. Чтобы фон был прозрачным. Эту настройку указываем при создании изображение в фотошопе. Background Contents , обычно она по умолчанию Transparent. Полученный файл загоняем в онлайн генератор. Который в тулбаре, закладках и везде имеет прозрачность, где нам необходимо.

Комментарий от Вишенка [ Декабрь 15, , Все понятно описано, и без лишних слов. Все получилось, любуюсь творением: Разработка и дизайн — StvPromo.

В фотошопе делаем файл 16х16 пикселей, с прозрачностью в нужных местах, и сохраняем СРАЗУ в формате ico. С генератором портится качество картинка размытая. Плагин для фотошопа только помогает сохранить картинку с расширением ico, а белые поля остаются. Альфа-каналы не так просто сохранить. Поискала в инете, как сохранить альфа-каналы. Оказалось не так просто вобщем, не получилось. К тому же нашла, что Яндекс-робот, например, не умеет открывать картинки с альфа-каналами статья была от г, сейчас , может уже научился.

Спасибо за адрес очень полезного сервиса — онлайн генератора. Комментарий от BlackLife [ Май 7, , А можно просто скачать патч на Фотошоп, спомощью которого мочить иконки ;. Комментарий от kas [ Май 7, , Комментарий от DirtyMoney [ Июль 30, , Комментарий от Лена Агаркова [ Август 2, , Комментарий от Приколист [ Август 8, , Комментарий от Prod [ Август 26, , Комментарий от Tooree [ Ноябрь 6, , Плагин для фотошопа называется ICOFormat Комментарий от JuicyIgor [ Ноябрь 9, , Комментарий от Кирилл [ Январь 9, , Комментарий от Вадим [ Февраль 9, , Спасибо, очень нужный пост!

Favorites ICON — значок сайта. Отображается браузером в адресной строке перед URL страницы, а также в качестве иконки к закладке, в табах и в других элементах интерфейса. Обычно используется изображение размера 16x16 пикселов формата ICO. Традиционно помещается в корень сайта под именем favicon. Все современные браузеры понимают явное указание положения значка в HTML-коде примерно в таком формате: Путь к файлу, его формат и размеры изображения могут быть любыми, допустимыми для WWW за исключением Internet Explorer, который допускает для значка только формат ICO.

На других генераторах вроде генфавикон и фавикон. Это хорошо что вы начали вести блог,ведь у вас это отлично получается и надеюсь будет еще лучше. Главное писать о том,в чем вы разбираетесь. Недавно столкнулся с этим. Просто при сохранении файла нужно прописать это расширение вручную. Все гораздо проще — и генераторы не нужны!

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