Как изменить иконку браузера
Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.
№1 17-03-2013 13:39:21
Как поменять иконку Firefox, ту, что в панели задач, а не ярлык?
Встречал только старую инструкцию и плохо описанную. Поэтому как можно понятнее пожалуйста.
№2 17-03-2013 13:43:09
Вы можете изменить стандартную иконку окна Firefox на любую другую, какую
захотите, выполняя слудующие шаги:
1. Откройте папку, в которую вы установили Firefox (например
C:\Program Files\Mozilla Firefox\) затем откройте подкоталог chrome.
2. В подкаталоге chrome создайте новый подкоталог icons, откройте его и создайте в нем
папку default. Полный путь мог бы выглядеть так:
C:\Program Files\Mozilla Firefox\chrome\icons\default\.
3. Выбирете иконку, которую вы хотите использовать (в Windows используйте
файлы .ico, в Linux используйте файлы .xpm) затем поместите ее в этот катталог и
переименуйте в main-window.[расш], например main-window.ico в Windows и main-window.xpm в Linux.
Помимо этого, вы можете также изменить иконку Менеджера Закладок и
консоли JavaScript. Имена иконок будут
соответственно bookmark-window.[расш] и jsconsoleWindow.[расш].
№3 17-03-2013 13:48:01
Как эти пути будут выглядеть для Portable версии?
№4 17-03-2013 13:56:19
C:\Program Files\Mozilla Firefox\
Это папка профиля или какая-то другая?
№5 17-03-2013 13:59:35
geczu
Чтобы найти папку профиля, зайти надо в "Справка", "Информация для решения проблем" и там нажать на соответствующую кнопочку.
Большой кот. Пуфыстый. Полосатый. Зубастый (:
№6 17-03-2013 14:01:48
Как эти пути будут выглядеть для Portable версии?
Это папка профиля или какая-то другая?
Какая-то другая.
№7 17-03-2013 14:03:34
Zaycoff
То есть папка где лежит firefox.exe?
№8 17-03-2013 14:04:50
То есть папка где лежит firefox.exe?
№9 17-03-2013 14:20:26
Кстати, начиная с Firefox 21, путь должен быть browser/chrome/icons/default.
№10 17-03-2013 14:31:55
Да все работает
Путь
Я делал просто. Менял иконку на раб столе через свойства ярлыка и потом ее в трей тянул мышкой, и все дела.
До этого на компе была скаченная папка с иконками, оттуда и взял новую для FF.
Не следует делать того, что смущает совесть.
ее в трей тянул
ну только в трей))
А так по теме ярлык в панели запуска 7 абсолютно идентичен любому другому. Т.е. менять можно не только иконку, но и параметры запуска типа -noremote -p итд.
З.Ы вот только не помню подойдут ли winid их?
Имелось ввиду на панель задач
удалено
Не следует делать того, что смущает совесть.
Confidence
Имелся ввиду значок запущенной программы на панели задач, а не ярлык. И это сделано.
№15 04-05-2013 09:12:36
А как то же самое проделать с Авророй? Папки chrome у меня нет нигде.
Не следует делать того, что смущает совесть.
№16 04-05-2013 11:47:48
Папки chrome у меня нет нигде.
Кстати, начиная с Firefox 21, путь должен быть browser/chrome/icons/default.
Ребята, кто решил проблему отпишитесь пожалуйста!
У меня FirefoxPortable 21 на Windows 7, все что мог сделал.
В результате иконки и картинка заставка поменялись но в панели задач иконка остается обычная. Положил также в App\Firefox\browser\chrome\icons\default иконку main-window.ico
Может быть проблема в том что также установлен обычный Firefox? И когда FirefoxPortable открывается ОС выдает на панели иконку от обычного Firefox?
Кстати некоторые расширения которые есть в обычном Firefox отображаются в FirefoxPortable.
AdamK
Скачайте нормальный портативный Firefox, а не всякие поделки непонятно кого и иконки будут нормально меняться.
Кстати некоторые расширения которые есть в обычном Firefox отображаются в FirefoxPortable.
Это наверное из тех, что от антивируса или чего-то такого. Нажмите Win-R, regedit, лезете в ветку
и там удаляете все упоминания о ненужных Вам дополнениях. (предварительно не забудьте сделать резервную копию данных ключей реестра)
Фавиконка (favicon) — это иконка, которая отображается во вкладке браузера перед названием страницы. Также эта иконка отображается в закладках и на рабочем столе для веб-приложений.
Фавиконка при установке веб-приложения Фавиконка на вкладке в браузере
Подключение
Чтобы иконка начала отображаться, на вкладке нужно подключить файл с графическим отображением иконки. Для правильного подключения иконки нужно использовать обязательные требования браузера и минимальный набор фавиконок, который мы сейчас подробно рассмотрим.
Почему именно набор, а не одну иконку? Дело в том, что браузеры и экраны развиваются и не стоят на месте. Чем современнее браузер, тем более современный формат он может поддерживать. Например, вы можете подумать, что можно подключить только одну SVG-иконку и браузер уже сам правильно отрисует её, но не все браузеры до сих пор поддерживают SVG-формат для фавиконок. На таблицу совместимости SVG-фавиконок можно посмотреть тут.
Обязательная фавиконка
Все — старые и новые — веб-серверы и браузеры поддерживают .ico-формат.
Для подключения нужно добавить в :
Обратите внимание на две детали: размер и расположение.
Размер. В интернете можно найти информацию, что нужно подключать фавиконку в формате .ico в размере 16×16. Это так и не так. Дело в том, что контейнер ico динамический и он может изменять размеры «на лету». Поэтому браузеры, которые понимают размер 16×16, сами сожмут 32×32 до необходимого. В каком случае нужно создавать favicon.ico в размере 16×16? Когда фавиконка размером 32×32 при сжатии начнёт мылиться (будет нечёткой). Это можно проверить вручную, сжав фавиконку с 32×32 до 16×16. Если размыливание картинки произошло, то без дизайнера не обойтись и придётся отрисовывать фавиконку вручную в графическом редакторе.
Расположение. Фавиконку в формате ico обязательно нужно класть в корень проекта, как это показано в примере выше. Дело в том, что любой веб-сервер незаметно для вас всегда ищет favicon.ico в корне проекта и пытается её подключить к сайту.
Дополнительные необходимые фавиконки
Расположение. Только favicon.ico должна лежать в корне проекта. Остальные иконки могут лежать в любом месте в проекте, например:
Или можно сгруппировать все фавиконки, чтобы отделить от других изображений в проекте:
Если современный веб-браузер умеет работать с векторными фавиконками, то этот формат более предпочтительный: меньший вес, наилучшее качество, поддерживает смену тем, не нужно указывать размер.
Подключение точно такое же, как и для favicon.ico, только нужно добавить тип, чтобы браузер понимал, с чем имеет дело:
Для устройств Apple
Apple пошли по другому сценарию развития и предложили собственные размеры фавиконок для своих устройств — iPhone и iPad. Формат для подключения favicon для Apple поддерживают все современные браузеры.
Самым востребованным размером для старых устройств фавиконок стал размер 180×180. Давайте посмотрим пример подключения:
Подключив такую иконку, мы также поддержим старые устройства, которые не умеют работать с таким большим размером фавиконки и уменьшать её до нужных размеров.
Устройства Apple работают и с большими размерами иконок, но так получилось, что устройства, которые понимают большие размеры, можно подключать более современным способом с помощью манифеста. Манифест позволит скрыть подключение всех размеров из , что сделает разметку более читаемой.
Манифест
Манифест — это JSON-файл со всеми подробностями веб-приложения для браузера. Формат был разработан Google по инициативе PWA.
Чтобы добавить фавиконки с помощью манифеста, нужно подключить манифест, а в манифесте указать все иконки и их размеры, которые мы хотим подключить на сайт.
Файл. Создадим файл в корне проекта и назовём его manifest.webmanifest. Расширение .webmanifest нужно указать, чтобы браузер понимал, с каким файлом имеет дело. Само название файла может быть любым (в нашем случае — manifest).
Так как манифест — это JSON-файл, то он должен начинаться с открывающей скобки < и заканчиваться закрывающей скобкой>.
Внутри скобок нужно создать секцию иконок. Секция с иконками ожидает несколько иконок, поэтому добавим массив []:
Осталось добавить фавиконки по шаблону:
Если иконок несколько, то их нужно добавить через запятую:
Размеры. В манифесте мы укажем размер 192×192 и 512×512. 192 — так как это следующий размер после 180, а 512 — так как это очень большой размер для фавиконки, его будет достаточно. А что с промежуточными разрешениями? Всё хорошо: как и раньше, браузер сожмёт картинку к нужному размеру. Например, из 512 до 256.
src — путь до иконки;
type — тип иконки;
sizes — размер иконки.
Можно добавить дополнительные размеры иконок, если этого требует браузерная поддержка вашего проекта. Например, вам потребовалась иконка 256×256. Давайте добавим её:
Откуда брать фавиконки и как их приготовить
Фавиконки — это ответственность верстальщика. Дизайнеры в большинстве случаев про фавиконки не знают, поэтому не предоставляют их с макетами.
Если дизайнер не предоставил фавиконки, у верстальщика есть два пути:
Не добавлять фавиконки в проект.
Попросить дизайнера отрисовать фавиконку (лучше в векторном формате). Рассказать, что требуется отрисовать иконку в квадрате. Сама иконка может быть круглой или даже овальной, но изображение должно быть вписано в квадрат с пропорциями 1:1.
Векторный формат позволит растянуть фавиконку до нужных размеров (192, 256 и даже 512) без потери качества. Таким образом верстальщик сможет сгенерировать себе нужные размеры и подключить их к странице.
При генерации фавиконок с помощью сторонних сервисов всегда смотрите на получившийся результат. Чаще всего иконки получаются замыленными. Даже если брать хороший оригинал 512×512, то при уменьшении до 32×32 всё равно могут появиться артефакты.
Для генерации фавиконок используйте сервис favicon-generator: экспортируйте изображение фавиконки в формате PNG, добавьте это изображение в сервис генерации фавиконок, нажмите кнопку «Create favicon», а потом — ссылку «Download the generated favicon». Вы скачаете архив со всеми возможными вариантами фавиконок. Возьмите favicon.ico и другие необходимые версии, подключите к странице проекта.
Итоговый способ подключения фавиконки:
manifest.webmanifest
Таким способом мы будем поддерживать самые старые браузеры и самые новые.
Ничего страшного, что список одной фавиконки получился столь длинным — 4 пункта. Во-первых, браузер загружает фавиконку асинхронно. Во-вторых, он сначала посмотрит на весь список фавиконок и загрузит только одну — самую подходящую.
Фавиконки — часть программы курса «HTML и CSS. Профессиональная вёрстка сайтов». Кроме этого в комплекте два месяца теории и практики, интересные проекты и личный наставник. А по промокоду SKUCHNO — скидка 1000 ₽.
Собственно, сабж. Дело в том, что иконка сайта, достаточно невзрачная, на панели закладок ничем не выделяется, в то время как сайт используется часто. Чтобы постоянно не искать глазами, хочу сменить на нем иконку. К сожалению, в самом браузере (Яндекс.Браузер) такой функции нет.
Простой 4 комментария
1. Написать эту претензию в поддержку сайта
2. Написать расшерение для браузера в котором менять иконку
+1 за расширение браузера
- получите клёвую практику
- потенциально полезно другим людям
- приятный бонус в резюме
GrayHorse, респект! Заработало! И иконка отличная, за нее отдельное спасибо! Ваш комментарий - решение вопроса, как только опубликуете его в ответах, отмечу решением :)
Можно заменить иконку у вкладки, автоматически изменится и у соответствующей закладки.
Например, с помощью такого юзерскрипта:
можно попробовать(я бы сделал так)
в программе sqlitestudio открываем файл favicons.sqlite ,
который находится в профиле браузера (это для firefox,как в хроме не знаю - не пользуюсь,думаю что подобно)
редактируем линк на нужную иконку
вместо линка можно/лучше преобразовать иконку в base64 и эти данные вставить в базу sqlite
смотри 11 строку на скрине ,там как раз таким образом представлена иконка
Иконка опять обновится на прежнюю после захода на сайт.
Чтобы в кеше браузера была всегда измененная иконка, нужно юзерскриптом все время ее заменять после каждого захода на сайт. Или заблокировать ее загрузку (запрос) с помощью uBO, чтобы браузер не изменял на свежескаченную.
SOTVM, фавайконы для закладок берутся из файла `Favicons`.
Если изменить фавайкон с помощью, например:
И создать закладку – у закладки будет измененный фавайкон, но до первого захода на сайт.
И чтобы вернуть измененный, нужно опять запустить юзерскрипт. И так каждый раз, так как браузер кеширует последнюю версию, и использует ее для закладок.
GrayHorse,
может и так ,я не спорю/не знаю
а через Tampermonkey или Greasemonkey не получится в head вставить строку .
SOTVM, можно и вставить HTML, но старые link будут мешаться*, придется удалить их сначала:
*На самом деле, скорее всего, надо просто заменить href у того link элемента, который выбрал браузер (ибо их тут на выбор аж 15), но лень с этим разбираться.
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 9 человек(а).
Если вы обновили Google Chrome до новой версии, но вам больше нравится старый ярлык, мы расскажем вам, как вернуть его.
Дополнительные статьи
Об этой статье
Была ли эта статья полезной?
Куки помогают сделать WikiHow лучше. Продолжая использовать наш сайт, вы соглашаетесь с нашими куки правилами.
Что представляет собой значок от браузера Гугл Хром, а кроме того, как восстановить и поменять этот логотип у себя на устройстве? Это достаточно актуальные вопросы, с которыми приходится сталкиваться ряду современных неопытных пользователей. На практике, процесс восстановления и замены не включает в себя каких-либо сложных манипуляций, однако, так как далеко не все владеют нужной информацией, здесь предстоит наглядно разобрать все конкретные и последовательные моменты.
Восстановление значка Google Chrome на рабочем столе
В определенных ситуациях может произойти так, что логотип от программы Google Chrome попросту исчезает с рабочего стола. В этой ситуации, вы можете восстановить все необходимое в следующем порядке:
- Прежде всего, вам предстоит убрать все компоненты программы с рабочего стола.
- Далее, потребуется перейти в системную папку с обозревателем.
- Следующим этапом, вы копируете актуальный файл запуска утилиты.
- Далее остается только вставить готовый ярлык на главный экран.
Сам по себе процесс возврата ярлыка на рабочий стол не должен вызывать трудностей, так как вы также можете скопировать нужный компонент через открытие иконки меню «Пуск» и поиска соответствующего компонента софта.
Важно! Следует понимать, что логотип пропадает не просто так, и присутствует вероятность заражения операционной системы вирусами или иным вредоносным программным обеспечением.
Где скачать нестандартный значок Google Chrome
Если вас интересует нестандартный логотип браузера, то вы всегда можете воспользоваться для скачивания этого компонента нашим тематическим ресурсом. Все, что потребуется для загрузки, это сделать следующий ряд действий:
- вам необходимо посетить наш сайт;
- здесь пользователю предстоит ввести соответствующий поисковый запрос;
- на странице для скачивания нужно выбрать понравившийся значок;
- далее останется лишь скачать этот компонент по соответствующей ссылке.
Как правило, иконки к обозревателю предоставляются в виде картинок, и при соответствующей необходимости, вы легко сможете вставить туда любую подходящую вам картинку.
Инструкция по замене стандартного логотипа
Для того чтобы поменять стандартную иконку на иную подходящую картинку, вам предстоит проделать следующий перечень действий после скачивания:
- Прежде всего, необходимо копировать рисунок.
- Далее вы открываете системную папку с утилитой.
- Здесь необходимо найти папку, где расположены основные иконки.
- Сюда вставляется новый вариант изображения.
- В самом конце, вы меняете его наименование на актуальное значение прежнего, используемого логотипа.
После останется только перезагрузить систему, чтобы все изменения вступили в силу. По завершению этих манипуляций, иконка обновится на рабочем столе, в меню пуск и непосредственно в папке с файлом запуска.
Важно! Если вы просто удалите активный значок, присутствует вероятность, что возможность запуска обозревателя пропадет.
В настоящее время далеко не все пользователи в серьез воспринимают стандартный логотип обозревателя Гугл Хром, из-за чего может возникнуть необходимость заменить его на иное изображение. На практике, с этим не должно возникать каких-либо трудностей, так как все действия соответствуют обычной последовательности, главное лишь предварительно подобрать подходящий по размерам вариант иллюстрации, чтобы впоследствии не испытывать проблем с ее отображением.
Читайте также: