Зробіть Google Chrome «застосунком» Windows для використання високоякісних іконок у Windows 7


29

Щоразу, коли я використовую ярлик "Створити додаток" Google Chrome (який я активно використовую та рекомендую), піктограми, показані на панелі завдань Windows 7, дійсно розмиті, ймовірно, результат розтягування фавікон 16х16.

Я хотів би мати можливість замінити їх іншим, якісним значком, але навіть коли я замінюю кешований файл, він чомусь не оновлюється.

Для довідки, ось шлях до піктограми, принаймні для Gmail. Я також використовую останню версію Dev-каналу Chrome.

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ за замовчуванням \ PLUGIN ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ icon # desktop \

alt текст


1
Це належним чином очевидна пропозиція, однак чому б не натиснути правою кнопкою миші та не використати значок зміни у властивостях, щоб вказати її на локально збережений значок високої якості?
BinaryMisfit

Схоже, оновлення піктограми під час використання не оновлено. Що насправді дивно, це те, що піктограма виглядає чудово, коли я вперше створюю програму, а потім, коли я закриваю і перезавантажую, знову повертається до вигляду лайно.
The How-To Geek

Готча. Я припускаю, що ви використовуєте RTM версію? Я можу лише уявити, що вона перезаписується щоразу, коли завантажується сторінка, і тому замінити її не працює.
BinaryMisfit

Використовуєте версії Chrome для Dev або Beta для каналів? Здається, я пам'ятаю, що це сталося зі мною, коли я перейшов на Dev.
pelms

Я використовую останній реліз розробника.
The How-To Geek

Відповіді:


8

Це може вас не задовольнити, але це принаймні пояснює, звідки воно походить.

Chrome / Gears API говорить наступне:

desktop.createShortcut('Test Application',
                       'http://example.com/index.html',
                       {'128x128': 'http://example.com/icon128x128.png',
                          '48x48': 'http://example.com/icon48x48.png',
                          '32x32': 'http://example.com/icon32x32.png',
                          '16x16': 'http://example.com/icon16x16.png'},
                       'An application at http://example.com/index.html');

Піктограми - Об'єкт, що містить одне або декілька цих названих властивостей: 128x128, 48x48, 32x32, 16x16. Значення кожної властивості має бути URL-адресою зображення у форматі PNG з розмірами, що відповідають імені властивості. URL-адреса даних, що містить PNG-кодовані дані PNG, також може бути використана.

Я думаю, зараз він просто використовує те, що є на веб-сайті, на який ви посилаєтесь. Якщо у них немає високоякісної версії, ви отримуєте некрасиву, яку ви згадуєте. Замінивши його, вам потрібно буде змінити посилання всередині ярлика.

Оскільки це вже починає виснажувати роботу, можливо, краще виконати наступні кроки:

Крок 1. Збережіть піктограму на своєму комп’ютері - Я вважаю, що ви це вже зробили успішно :) - В адресному рядку веб-переглядача введіть домен веб-сайту, а потім текст "favicon.ico" Наприклад, якщо ви хочете піктограми веб-сайту Yahoo, адреса для введення - " http://www.yahoo.com/favicon.ico ". Аналогічно піктограму Google можна знайти за адресою ": //www.google.com/favicon.ico". - Після введення вказаної вище адреси сторінки завантажуватиметься сторінка, що містить лише піктограму веб-сайту. - Клацніть правою кнопкою миші зображення та виберіть "Зберегти зображення як .." - Збережіть усі значки в центральній папці, скажіть "Мої документи \ Мої іконки".

Тепер у вас є постійна копія піктограми. Наступний крок - пов’язати його з ярликом.

Крок 2: Пов’яжіть піктограму із ярликом - Клацніть правою кнопкою миші на ярлику веб-сайту на робочому столі - У меню, що з’явилося, виберіть «Властивості» - У діалоговому вікні, що з’явиться, перейдіть на вкладку «Веб-документ». - Натисніть на кнопку "Змінити значок ...", присутня там. - У цьому вікні з'явиться діалогове вікно Змінити значок, який дозволить вам переглянути та вибрати збережений файл значка. - Потім кілька разів натисніть кнопку Ok і вийдіть з усіх діалогових вікон.

Це, ймовірно, вимагає, щоб Chrome був вашим стандартним браузером для відкриття веб-документів, хоча!

З особливою подякою Theta-ga


Я вже змінив ярлик на піктограмі, це перша (очевидна) річ, яку я спробував. Однак він не змінює значок панелі завдань для запущеного додатка. Мені цікаво, чи можу я використати API, щоб створити власний ярлик, хоча ...
How-To Geek

3

Це схоже на поточну річ із каналу Dev. У поточній версії та бета-версії ви не отримаєте окремий значок панелі завдань у Windows 7 - вони просто укладаються за стандартну піктограму Chrome. Схоже, вони на півдорозі з Dev.


1
Так, зараз я дуже задоволений окремими іконками. Просто хотілося б, щоб вони не виглядали так потворно!
The How-To Geek

0

Це може бути найкращим для сайтів, які не пропонують значки правильного розміру . Я не повністю підтвердив, що це працює, тому що я не на каналі розробки.

Перейдіть до Генератора данихUri , завантажте 128px PNG, який ви хочете як значок. Скопіюйте текст dataUri для використання нижче.

У Google Chrome на сторінці, яку ви хочете створити ярлик програми для натискання <CTRL>+ <SHIFT>+ J, клацніть другий значок зліва ( Show Console) та вставте наступне. Переконайтесь, що ви замінили даніuri та опис нижче. Enter виконає його, і ви побачите вікно швидкого доступу програми gears.

window.google.gears.factory.create('beta.desktop').createShortcut(
   document.title, window.location.href, {'128x128': '**dataUri**'}
   ,'**description**');

Інший варіант - звернутися до веб-розробника сайту, щоб додати ці прості зайві мета та теги посилань на свій сайт.

Крім того, якщо ви дійсно хочете пофантазувати, я думаю, ви могли б створити декілька dataUri з кожним розміром значків, як зазначено у відповіді Іво вище.


1
чорт ... все ще не працює, я думаю, це мусить бути помилка в Chrome.
Аарон Вагнер
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.