Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save anonymous/a3134c96e69450c4847099a25ca184ef to your computer and use it in GitHub Desktop.
Save anonymous/a3134c96e69450c4847099a25ca184ef to your computer and use it in GitHub Desktop.
Как сделать иконку с прозрачным фоном

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


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



Корректная favicon-иконка с прозрачностью
Совет 1: Как сделать, чтобы у ярлыков был прозрачный фон
Форум PHP


























Favorites ICON — значок сайта. Отображается браузером в адресной строке перед URL страницы, а также в качестве иконки к закладке, в табах и в других элементах интерфейса. Обычно используется изображение размера 16x16 пикселов формата ICO. Традиционно помещается в корень сайта под именем favicon. Все современные браузеры понимают явное указание положения значка в HTML-коде примерно в таком формате: Путь к файлу, его формат и размеры изображения могут быть любыми, допустимыми для WWW за исключением Internet Explorer, который допускает для значка только формат ICO. Понадобилось мне однажды сделать нескольким сайтам favicon. Нашел картинки, порезал, загнал в генератор иконок, залил на сайт и сразу расстроился. Вот так чудо, что за белые края у рисунка. Естественно я сразу начал грешить на сайты генераторы иконок и прочее. Нашел несколько других сайтов генераторов, но счастливее не стал. Для начала нужно сделать картинку, из которой мы будем создавать иконку. Изображение обязательно должно быть равносторонним. Ширина картинки равна Высоте. Если хоть на 1 пиксель ни будут отличаться, иконка получится кривая. Размер иконки должен быть не менее 16x16 пикселов. Можно и больше, генератор сам уменьшит картинку. Создали картинку, отредактировали, почистили как нам надо кисточкой. Учтите, чтобы получилась прозрачность нужно. Чтобы фон был прозрачным. Эту настройку указываем при создании изображение в фотошопе. Background Contents , обычно она по умолчанию Transparent. Полученный файл загоняем в онлайн генератор. Который в тулбаре, закладках и везде имеет прозрачность, где нам необходимо. На других генераторах вроде генфавикон и фавикон. Это хорошо что вы начали вести блог,ведь у вас это отлично получается и надеюсь будет еще лучше. Главное писать о том,в чем вы разбираетесь. Недавно столкнулся с этим. Просто при сохранении файла нужно прописать это расширение вручную. Все гораздо проще — и генераторы не нужны! В фотошопе делаем файл 16х16 пикселей, с прозрачностью в нужных местах, и сохраняем СРАЗУ в формате ico. С генератором портится качество картинка размытая. Плагин для фотошопа только помогает сохранить картинку с расширением ico, а белые поля остаются. Альфа-каналы не так просто сохранить. Поискала в инете, как сохранить альфа-каналы. Оказалось не так просто вобщем, не получилось. К тому же нашла, что Яндекс-робот, например, не умеет открывать картинки с альфа-каналами статья была от г, сейчас , может уже научился. На моём сайте favicon с расширением png, благо в админке есть возможность через редактирование шаблона задать картинку для фавикона. Но на другом сайте нет такой возможности. И на помощь пришёл как всегда бубен. Cохранить картинку без фона в формате png: Положила картинку в корень сайта 3. Нашла php с функцией addFavicon 4. В этой функции и далее по тексту исправила: Всё заработало даже без очистки кеша. В частности, вот на этом сайте: Сегодня мы будем делать иконку для сайта, FAVICON с прозрачностью. Что же такое Favicon? Сделаем это в Photoshop: Друзья Карта сайта О сайте. Админ RSS записей RSS комментариев. Поиск по сайту Гугль Архивы Июнь Май Апрель Март Февраль Январь Декабрь Октябрь Сентябрь Август Июль Июнь Март Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Октябрь Сентябрь Август Июль Июнь Май Апрель Март Февраль Январь Декабрь Ноябрь Как сделать favicon с прозрачностью прозрачный favicon Сегодня мы будем делать иконку для сайта, FAVICON с прозрачностью. Спасибо за адрес очень полезного сервиса — онлайн генератора. Комментарий от BlackLife [ Май 7, , А можно просто скачать патч на Фотошоп, спомощью которого мочить иконки ;. Комментарий от kas [ Май 7, , Комментарий от DirtyMoney [ Июль 30, , Комментарий от Лена Агаркова [ Август 2, , Комментарий от Приколист [ Август 8, , Комментарий от Prod [ Август 26, , Комментарий от Tooree [ Ноябрь 6, , Плагин для фотошопа называется ICOFormat Комментарий от JuicyIgor [ Ноябрь 9, , А можно забить на IE6 и использовать favicon в формате PNG. Комментарий от Кирилл [ Январь 9, , Комментарий от Вадим [ Февраль 9, , Спасибо, очень нужный пост! А то я уже расстраиваться начал. Комментарий от mitry [ Сентябрь 2, , Комментарий от Spaun [ Ноябрь 14, , Комментарий от Андрей [ Декабрь 6, , Комментарий от яя [ Апрель 9, , Комментарий от Татьяна [ Март 16, , Комментарий от Кирилл [ Апрель 19, , Комментарий от Александр [ Апрель 23, , У меня 9 фотошоп в нём нет сохранить в формате. Комментарий от Вишенка [ Декабрь 15, , Все понятно описано, и без лишних слов. Все получилось, любуюсь творением: Сочетания клавиш для работы с окнами, если у вас несколько мониторов. Гугль Мета Админ RSS записей RSS комментариев Счетчики document. Разработка и дизайн — StvPromo.


Корректная favicon-иконка с прозрачностью


Скачанные из нета PNG файлы с прозрачным фоном, почему-то создавали такой косяк Комментарии Горячее Лучшее Свежее Сообщества. Делаем иконки с прозрачным фоном [моё]. Deathman отправил дней назад. Lipesin отправил дней назад. HACEKOMAE отправил дней назад. Достаточно сказать, что это длиннопост. Не надо ещё делить длиннопосты на малые, средние, большые и великие: RULET отправлено дней назад. Привет, не подскажешь, почему у меня после преобразования в формат ico фон становится чёрным? DashkaArcher отправлено дней назад. Ух ты, серьёзно что ли понял? А я тут понял что кто ни чего не понял тот всё и понял что ни чего не понял! Ну вообще, логично было бы чем то подобным от КЭПа завершить рассказ, ибо закончить в стиле "Вот вы получили эту хуйню и делайте с этой информацией что хотите" было бы не камильфо. Что-то не пойму твоего сарказма по этому поводу, или ты просто лучший, а все хуйня? Zoger отправлено дней назад. А как решаешь проблему со стрелочкой ярлыков? При смене картинки стрелочка то остается. Как все просто Я ж говорил, что есть решение, а тут даже искать не надо, оно само нас нашло Спасиб, чувак, пополнил копилку. Tror отправил дней назад. У меня на раб. Со стрелочкой я не знаю что можно придумать, но думаю все равно решение есть. Loobrik отправил дней назад. Как сделать так, чтобы ярлыки можно было бы поставить в любое место как на первом скрине? Правой кнопкой мыши на раб. Создавайте изображения ICO из файлов различных форматов с помощью он-лайн конвертера ICO. Максимальный размер файлов ICO - пикселов. Если вы не введете размер файлов, размер вашего файла будет автоматически изменен до указанного значения. То есть х - это максимум. Только что проверил, у меня всё в порядке. Если у вас не стандартный масштаб шрифтов значков попробуйте поменять параметр отмеченный стрелкой, скажем на 96 и посмотреть что будет. Проверьте само изображение, его стороны должны быть равны, у меня такое было когда неровная картинка была. Sturgeon отправлено дней назад. Чтобы конвертировать картинку в иконку надо сохранить ее как BMP и просто поменять расширение на ICO. А вам, соплякам, требуется для этого онлайн-сервис. А в целом плюс ;. Ой, соплякам Невозможно знать все на свете, но можно знать многое Ты сказал, я запомнил. А на самом деле мне просто было лень искать альтернативу, да и в некоторых редакторах ФШ например можно сразу в. Feanor13 отправил дней назад. О, кстати, не поддерживает, так что наш любезный "бывалый" счудил Ну или скажем просто: Я и не претендовал с самого начала. А вообще, я здесь и не судил никого. Похожие посты не найдены. Возможно, вас заинтересуют другие посты по тегам:. Неверный логин или пароль. Комментарий дня ТОП Самые сохраненные посты на пикабу за все время. Сохраню-ка я твой пост, чтобы не сохранять те что ты перечислил - подумали все.. Хоп-хоп и твой пост возглавил твой же пост. А так то молодец, спасибо за труды! Активные сообщества Интересные факты. Истории об отношениях 1. Пожалуйста, войдите в аккаунт или зарегистрируйтесь. По вопросам работы сайта: Я уже с вами: RULET отправлено дней назад показать комментарий Привет, не подскажешь, почему у меня после преобразования в формат ico фон становится чёрным? RULET отправлено дней назад показать комментарий Проблема была решена. Интересные факты Наука Science Истории из жизни Новости Рукодельники 1 Антимошенник 1 Автомобильное сообщество 1 Лига Юристов 1 Истории об отношениях 1 Крафт 1. Детство 40 компьютер 33 грязь 13 хобби 13 сисадмин 9.


Why hot перевод
Gta 5 облако майл
Презентации босова 5 класс
Тесты незнайка по русскому 2017
Действие уголовного закона во времени
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment