Изменить иконку файла html
Не могу поменять иконку на файлах .htm и .html.
Сначала пробовал просто прогой: FileTypesMan от NirSoft.
Не получилось.
Полез в реестр и заменил в ручную:
После удаления "C:\Users\Я\AppData\Local\IconCache.db" и перезагрузки остаётся иконка по умолчанию.
Пробовал вставлять ключ DefaultIcon непосредственно в HKEY_CLASSES_ROOT\.htm - результат тот же.
HKCR\FirefoxHTML\DefaultIcon соответствует HKCU\Software\Classes\FirefoxHTML\DefaultIcon
Замена HKLM\SOFTWARE\Classes\FirefoxHTML\DefaultIcon тоже ничего не даёт.
Конфигурация компьютера | |
Процессор: Intel(R) Core(TM) i5-2300 CPU @ 2.80GHz | |
Материнская плата: Gigabyte GA-H67MA-UD2H-B3 | |
Память: Hynix HMT325U6BFR8C-H9 2x2Gb + Hynix HMT351U6BFR8C-H9 2x4Gb | |
HDD: Hitachi HDS721010CLA332 | |
Звук: Realtek ALC889 | |
Блок питания: Asus 500W | |
CD/DVD: Optiarc DVD RW AD-7201S ATA Device | |
Монитор: Acer V243HQAbd | |
ОС: Windows 7 Ultimate x64 SP1 RTM (6.1.7601) | |
Индекс производительности Windows: 5,1 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.
Конфигурация компьютера | |
Процессор: Intel C2D E6750 | |
Материнская плата: Asus P5K-VM | |
Память: 4 X 1024MB Kingston KVR800D2N5 | |
HDD: Seagate Barracuda 7200.10 320GB sATAII | |
Видеокарта: Asus Radeon HD5570 | |
Звук: HDA кодек Realtek ALC883 | |
Блок питания: Antec 500W ATX | |
CD/DVD: SonyNEC Optiarc AD-7203S | |
Монитор: Acer 1934M | |
ОС: Windows 7 Ultimate 32-bit | |
Индекс производительности Windows: 5.4 |
-------
Нефиг ставить то, к чему второй сервис-пак не вышел.
"Есть старое правило - чтобы не было геморроя, руки должны быть прямыми, а извилины - кривыми, но не наоборот." © Korzh
У меня она есть. То же самое.
Это если поставить в имени иконки "%1"? Так сначала и было. Не меняется. Я вообще-то свой файл иконки сначала подставлял (.ico не из DLL).
Попробовал с другой учёткой - администратор. Там по умолчанию - IE и внутренний тип файла - "htmlfile". Просто поменял прогой FileTypesMan. Иконка сменилась без перезагрузки.
Поглядел в реест. В HKCU для администратора ничего не поменялось. Поменялся - HKLM\SOFTWARE\Classes\htmlfile\DefaultIcon (C:\ETC\Icons\Argos\Argos Icon 67.ico), а у меня - опять дефолтная иконка.
Для эксперимента поменял (через FileTypesMan) в своей учётке иконку для .txt - всё ОК. А с НТМ - проблемы.
Еще один танец с бубном: меняю броузер по умолчанию на IE. Иконка меняется, причем на ту, которую я установил ранее. Меняю броузер обратно на FireFox. Хрясь и иконка опять в дефолт (пустая белая) хотя в реестре прописывается "C:\Program Files\Mozilla Firefox\firefox.exe,1". Менял средствами самих броузеров.
Последний раз редактировалось BumbaYumba, 05-02-2011 в 13:57 . Причина: добавил
Не могу поменять иконку на файлах .htm и .html.
Сначала пробовал просто прогой: FileTypesMan от NirSoft.
Не получилось.
Полез в реестр и заменил в ручную:
После удаления "C:\Users\Я\AppData\Local\IconCache.db" и перезагрузки остаётся иконка по умолчанию.
Пробовал вставлять ключ DefaultIcon непосредственно в HKEY_CLASSES_ROOT\.htm - результат тот же.
HKCR\FirefoxHTML\DefaultIcon соответствует HKCU\Software\Classes\FirefoxHTML\DefaultIcon
Замена HKLM\SOFTWARE\Classes\FirefoxHTML\DefaultIcon тоже ничего не даёт.
Конфигурация компьютера | |
Процессор: Intel(R) Core(TM) i5-2300 CPU @ 2.80GHz | |
Материнская плата: Gigabyte GA-H67MA-UD2H-B3 | |
Память: Hynix HMT325U6BFR8C-H9 2x2Gb + Hynix HMT351U6BFR8C-H9 2x4Gb | |
HDD: Hitachi HDS721010CLA332 | |
Звук: Realtek ALC889 | |
Блок питания: Asus 500W | |
CD/DVD: Optiarc DVD RW AD-7201S ATA Device | |
Монитор: Acer V243HQAbd | |
ОС: Windows 7 Ultimate x64 SP1 RTM (6.1.7601) | |
Индекс производительности Windows: 5,1 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.
Конфигурация компьютера | |
Процессор: Intel C2D E6750 | |
Материнская плата: Asus P5K-VM | |
Память: 4 X 1024MB Kingston KVR800D2N5 | |
HDD: Seagate Barracuda 7200.10 320GB sATAII | |
Видеокарта: Asus Radeon HD5570 | |
Звук: HDA кодек Realtek ALC883 | |
Блок питания: Antec 500W ATX | |
CD/DVD: SonyNEC Optiarc AD-7203S | |
Монитор: Acer 1934M | |
ОС: Windows 7 Ultimate 32-bit | |
Индекс производительности Windows: 5.4 |
-------
Нефиг ставить то, к чему второй сервис-пак не вышел.
"Есть старое правило - чтобы не было геморроя, руки должны быть прямыми, а извилины - кривыми, но не наоборот." © Korzh
У меня она есть. То же самое.
Это если поставить в имени иконки "%1"? Так сначала и было. Не меняется. Я вообще-то свой файл иконки сначала подставлял (.ico не из DLL).
Попробовал с другой учёткой - администратор. Там по умолчанию - IE и внутренний тип файла - "htmlfile". Просто поменял прогой FileTypesMan. Иконка сменилась без перезагрузки.
Поглядел в реест. В HKCU для администратора ничего не поменялось. Поменялся - HKLM\SOFTWARE\Classes\htmlfile\DefaultIcon (C:\ETC\Icons\Argos\Argos Icon 67.ico), а у меня - опять дефолтная иконка.
Для эксперимента поменял (через FileTypesMan) в своей учётке иконку для .txt - всё ОК. А с НТМ - проблемы.
Еще один танец с бубном: меняю броузер по умолчанию на IE. Иконка меняется, причем на ту, которую я установил ранее. Меняю броузер обратно на FireFox. Хрясь и иконка опять в дефолт (пустая белая) хотя в реестре прописывается "C:\Program Files\Mozilla Firefox\firefox.exe,1". Менял средствами самих броузеров.
Последний раз редактировалось BumbaYumba, 05-02-2011 в 13:57 . Причина: добавил
Не могу поменять иконку на файлах .htm и .html.
Сначала пробовал просто прогой: FileTypesMan от NirSoft.
Не получилось.
Полез в реестр и заменил в ручную:
После удаления "C:\Users\Я\AppData\Local\IconCache.db" и перезагрузки остаётся иконка по умолчанию.
Пробовал вставлять ключ DefaultIcon непосредственно в HKEY_CLASSES_ROOT\.htm - результат тот же.
HKCR\FirefoxHTML\DefaultIcon соответствует HKCU\Software\Classes\FirefoxHTML\DefaultIcon
Замена HKLM\SOFTWARE\Classes\FirefoxHTML\DefaultIcon тоже ничего не даёт.
Конфигурация компьютера | |
Процессор: Intel(R) Core(TM) i5-2300 CPU @ 2.80GHz | |
Материнская плата: Gigabyte GA-H67MA-UD2H-B3 | |
Память: Hynix HMT325U6BFR8C-H9 2x2Gb + Hynix HMT351U6BFR8C-H9 2x4Gb | |
HDD: Hitachi HDS721010CLA332 | |
Звук: Realtek ALC889 | |
Блок питания: Asus 500W | |
CD/DVD: Optiarc DVD RW AD-7201S ATA Device | |
Монитор: Acer V243HQAbd | |
ОС: Windows 7 Ultimate x64 SP1 RTM (6.1.7601) | |
Индекс производительности Windows: 5,1 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.
Конфигурация компьютера | |
Процессор: Intel C2D E6750 | |
Материнская плата: Asus P5K-VM | |
Память: 4 X 1024MB Kingston KVR800D2N5 | |
HDD: Seagate Barracuda 7200.10 320GB sATAII | |
Видеокарта: Asus Radeon HD5570 | |
Звук: HDA кодек Realtek ALC883 | |
Блок питания: Antec 500W ATX | |
CD/DVD: SonyNEC Optiarc AD-7203S | |
Монитор: Acer 1934M | |
ОС: Windows 7 Ultimate 32-bit | |
Индекс производительности Windows: 5.4 |
-------
Нефиг ставить то, к чему второй сервис-пак не вышел.
"Есть старое правило - чтобы не было геморроя, руки должны быть прямыми, а извилины - кривыми, но не наоборот." © Korzh
У меня она есть. То же самое.
Это если поставить в имени иконки "%1"? Так сначала и было. Не меняется. Я вообще-то свой файл иконки сначала подставлял (.ico не из DLL).
Попробовал с другой учёткой - администратор. Там по умолчанию - IE и внутренний тип файла - "htmlfile". Просто поменял прогой FileTypesMan. Иконка сменилась без перезагрузки.
Поглядел в реест. В HKCU для администратора ничего не поменялось. Поменялся - HKLM\SOFTWARE\Classes\htmlfile\DefaultIcon (C:\ETC\Icons\Argos\Argos Icon 67.ico), а у меня - опять дефолтная иконка.
Для эксперимента поменял (через FileTypesMan) в своей учётке иконку для .txt - всё ОК. А с НТМ - проблемы.
Еще один танец с бубном: меняю броузер по умолчанию на IE. Иконка меняется, причем на ту, которую я установил ранее. Меняю броузер обратно на FireFox. Хрясь и иконка опять в дефолт (пустая белая) хотя в реестре прописывается "C:\Program Files\Mozilla Firefox\firefox.exe,1". Менял средствами самих броузеров.
Последний раз редактировалось BumbaYumba, 05-02-2011 в 13:57 . Причина: добавил
Favicon – это значок (иконка), который отображается во вкладке браузера, закладках, а также в сниппетах результатов поиска.
Favicon играет важную роль в веб-приложениях. Он может улучшить внешний вид сайта в выдаче, повышает узнаваемость вашего сайта, помогает пользователю быстро найти необходимую страницу в закладках и вкладках.
Кроме того, пользователь может добавить страницу вашего сайта на главный экран телефона или сохранить как веб-приложение. В таком случае с помощью favicon можно быстро найти сайт среди большого количества других приложений.
Какой формат использовать для favicon?
Раньше в качестве основного формата использовали ICO. Особенность данного формата – мульти-размерность. Данный файл может хранить в себе несколько размеров иконки. На смену ICO пришел формат PNG. ICO все еще поддерживаемый, но большинство современных браузеров выбирают PNG формат иконки, который легче. Некоторые браузеры не могут выбрать правильный значок в файле ICO, что приводит к неправильному использования значка с низким разрешением.
О каких платформах пойдет речь в этой статье?
- Десктопные браузеры
- Chrome на Android
- Иконка закладки в iOS (PWA)
- macOS
- Windows
Десктопные браузеры
Начнем, пожалуй, с классического десктопа.
Как было упомянуто ранее, формат ICO сегодня является устаревшим, но это не значит, что про него нужно забыть. Формат ICO может спасти вашу иконку и корректно отображать favicon в некоторых случаях. Например, до 11 версии IE PNG-формат не поддерживается. Поэтому для IE10 и младших версий нужно использовать старый формат ICO. В таком случае желательно использовать следующую комбинацию ICO и PNG форматов:
Для создания мульти-размерной иконки ICO можно использовать сервис-конвертер icoconvert. При генерации иконки необходимо выбрать следующие размеры: 16х16, 32х32, 48х48 (highest resolution icon).
Иконки PNG имеют следующие размеры: 16х16, 32х32, 96х96, 120х120. Зачем иконка 120х120? Яндекс Справка сообщает, что может воспользоваться иконкой данного размера.
Если обратить внимание на значение rel (тип ресурса), то icon – учитывается большинством браузеров, а shortcut icon – учитывается браузером IE.
Chrome на Android
Android ожидает увидеть значок 192х192 в формате PNG, alpha-канал (прозрачность) приветствуется.
Android Chrome полагается на манифест веб-приложения. Любой сайт может использовать манифест для того, чтобы ссылаться на некоторые значки.
Сам файл манифеста формата json и объявляется следующей строкой:
Файл манифеста для Android Chrome можно сгенерировать с помощью сервиса RealFaviconGenerator.
Иконки должны иметь следующие размеры: 72х72, 96х96, 144х144, 192х192, 512х512 в формате PNG, прозрачность приветствуется. Так как иконка может иметь прозрачный фон, то в манифесте можно указать цвет с помощью background_color.
Стоит отметить, что на телефоне пользователь имеет возможность сохранить страницу браузера на главный экран. Это будет просто ссылка на страницу вашего сайта, подтянется иконка с названием android-icon-192x192.jpg, которая объявлена у вас в коде.
Если же подключить к сайту манифест, то при открытии страницы пользователю может быть предложено сохранить сайт в качестве приложения. В данном случае вы имеет возможность объявить визуально ту же иконку (android-icon-192x192.jpg) или переделать дизайн иконки для приложения под свои нужды и объявить в манифесте с соответствующими размерами.
Иконка закладки в iOS (PWA)
iOS Safari ожидает увидеть apple touch icon. Это иконка PNG формата 180х180, без alpha-канала (без прозрачности). Углы иконки будут автоматически скруглены, что упрощает создание apple touch icon.
Пользователи iOS также могут добавить сайт на главный экран, и он будет выглядеть как приложение. Такая ссылка отображается в виде значка и называется Web Clip.
Нижеперечисленные размеры иконок предназначены для поддержки различных устройств, например, для iPhone и iPad:
В коде нужно добавить атрибут rel=«apple-touch-icon» и указать размер с помощью sizes.
Если на сайте нет значка, размер которого является рекомендованным для устройства, то будет использована сама близкая по размеру иконка большего размера. Основная apple touch icon это иконка размером – 180х180. Остальные устройства могут уменьшать иконку.
При создании иконки не забывайте об отступах. Они должны быть не менее 4px со всех сторон. Это необходимо, чтобы ваша иконка не обрезалась, так как значок приложения в iOS имеет скругленные углы.
Следует отметить, что устройства под iOS не единственные, которые ищут apple touch icon. Некоторые браузеры, вроде Android Chrome, могут использовать apple touch иконки, так как они встречаются чаще других PNG иконок высоких разрешений.
macOS
В Mac OS дела обстоят совершенно иначе. Если пользователь попробует сохранить сайт на рабочий стол, то вместо иконки сайта будет отображен скриншот страницы.
Чтобы добавить иконку необходимо использовать формат SVG, который позволит сделать маску иконки. Данная иконка будет отображена при закреплении вкладки в Safari.
SVG-иконка используется в закрепленной вкладке (pinned tab – no focus) в монохромном виде. При наведении (pinned tab – focus) иконка будет закрашена в цвет, который имеет атрибут «color». В touch bar также передается цвет атрибута «color».
При создании иконки необходимо убрать все имеющиеся тени, сделать ее плоской и простой. Упростить иконку до одного объекта можно с помощью операций «Union» и «Flatten». Данные операции легко применить в программе Figma.
Если закрыть глаза на создание иконки-маски, то браузер просто отобразит первую букву домена вашего сайта.
Windows
С Windows нужно немного запариться, чтобы сделать хорошо.
Для IE10 и более младших версий необходимо использовать формат ICO, так как до IE11 формат PNG не поддерживался.
С приходом IE11 и Windows 8.1 появилась возможность закреплять сайты в виде живых плиток. Для маленьких плиток используется по умолчанию favicon, а для больших и широких плиток необходимо задавать изображение конкретного размера. Это можно сделать с помощью добавления тегов метаданных в разметку сайта или создать browserconfig.xml (файл конфигурации браузера).
Пример добавление тегов метаданных в разметку веб-сайта для больших плиток:
Данной строкой мы указываем цвет фона плитки:
Можно указать имя вашего веб-сайта:
Что такое browserconfig? Это XML-документ, в котором перечислены различные значки, соответствующие пользовательскому интерфейсу Metro UI.
Чтобы подключить файл browserconfig в разметке необходимо добавить следующую строку в head:
Сам файл будет выглядеть следующим образом:
В browserconfig файле определены изображения для различных размеров плитки.
Microsoft рекомендует брать больший размер изображений в целях поддержки экранов с высокой плотностью пикселей.
В следующем списке приведены некоторые рекомендации по использованию различных размеров:
- Small — 70x70 (Рекомендуемый размер: 128x128)
- Medium — 150x150 (Рекомендуемый размер: 270x270)
- Wide — 310x150 (Рекомендуемый размер: 558x270)
- Large — 310x310 (Рекомендуемый размер: 558x558)
Подготовка favicons
Перед тем как добавлять ваши иконку в корневую папку сайта необходимо их подготовить. Исходные размеры иконок не очень большие, но можно их сжать с наименьшей потерей качества.
Например, в моем случае вес всех изображений был 200кб, после сжатия 50кб. Качество изображений практически не изменилось. Вы можете воспользоваться любым удобным сервисом для сжатия картинок. Я использовала iloveimg.
Заключение
Последовательность подключения в разметке веб-сайта:
С помощью последней строки кода «theme-color» можно закрасить адресную строку и строку уведомлений в любой цвет. В значении content задается цвет.
Для проверки иконок вашего сайта воспользуйтесь RealFaviconGenerator. Данный сервис покажет, как отображаются ваши иконки на разных платформах, подскажет где и какие могут быть проблемы.
Кроме того, данный сервис может сгенерировать необходимые размеры, форматы иконок и код. Но необходимо проверять исходники на наличие всех рекомендуемых размеров для корректного отображения на различных устройствах.
Иконки Font Awesome - как задать цвет каждой иконки по отдельности?
Добрый вечер/день/утро! Прошу помочь разобраться. Нашел на просторах код кнопок для блока соц.
Как изменить цвет иконки?
В фотошопе новичек и потому у меня появилась проблема. есть картинка. Мне нужно сменить синюю.
Как изменить в ЕХЕ-файле ресурсы (менюшки, иконки и т.п.)?
Как изменить в ЕХЕ-файле ресурсы (менюшки, иконки и т.п.)? То есть требуется не только извлечь их.
Открыть можно любым просмотрщиком шрифтов, т.к. иконки хранятся у вас не в графическом виде, а в шрифтах. Какой именно используется у вас - не знаю, но большинство подобных, как, например, Font Awesome (да и у вас, скорее всего, тоже), изменяются за счет классов у элемента. В данном случае, эти определяющие классы - у элемента
.font-icon-zoom-in:before content: "\e001";
>
как
оно прописываеться
вот шрифт который в шаблоне, внизу блок иконок соц сетей, но вк там нет. менять иконку заменой на нужную заменой в html, к примеру:
по идее, над просто скачать шрифты font awesome, добавить их в папку со шрифтами, стили в папку со стилями и тд, и использовать как-то так:
vinovachuk, можешь, конечно, прописать всесто "" тег . Задай ему размер, укажи путь к картинке и все. Но на самом деле это сложнее чем использовать шрифты.
Добавлено через 1 минуту
Как изменить картинку иконки ярлыка после автоматического его создания
Как изменить картинку иконки ярлыка после автоматического его создания. Что бы вместо стандартной.
Как полностью изменить верхнюю часть окна?(Поставить свои кнопки, иконки итд)
Я затуп. Объясняйте подробнее
Изменить размер иконки
Имеются иконки. Размер у них одинаковый 136х136. Но все же одни иконки чуть больше других. Через.
Изменить цвет иконки
Имеется sAlphaImageList, там находится 1 картинка, у всех нужных кнопках стоит индекс 0, та.
Читайте также: