Ustaw Google Chrome jako „aplikację” w systemie Windows, używając ikon wysokiej jakości w systemie Windows 7

Ilekroć używam skrótu „Utwórz aplikację” w Google Chrome (którego używam i polecam), ikony wyświetlane na pasku zadań Windows 7 są bardzo rozmyte, prawdopodobnie w wyniku rozciągnięcia favikonu 16x16.

Chciałbym móc zastąpić je inną ikoną wysokiej jakości, ale nawet po zastąpieniu pliku z pamięci podręcznej z jakiegoś powodu nie aktualizuje się.

Dla odniesienia, oto ścieżka do ikony, przynajmniej dla Gmaila. Używam także najnowszej wersji Chrome dla kanału deweloperskiego.

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ Default \ PLUGIN ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ icons # desktop \

To może cię nie zadowolić, ale przynajmniej wyjaśnia, skąd pochodzi.

Chrome / Gears API mówi, co następuje:

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');

ikony - Obiekt zawierający jedną lub więcej z tych nazwanych właściwości: 128x128, 48x48, 32x32, 16x16. Wartością każdej właściwości musi być adres URL obrazu w formacie PNG, którego wymiary są zgodne z nazwą właściwości. Można również użyć adresu URL danych zawierającego dane PNG zakodowane w standardzie base64.

Sądzę więc, że teraz używa po prostu czegoś, co znajduje się na stronie, do której prowadzi link. Jeśli nie mają wersji wysokiej jakości, dostajesz brzydką, o której wspomniałeś. Zastąpienie go wymaga zmiany linku wewnątrz skrótu.

Ponieważ zaczyna się już nużąca praca, prawdopodobnie lepiej jest wykonać następujące kroki:

Krok 1: Zapisz ikonę na swoim komputerze - Myślę, że już to zrobiłeś pomyślnie :) - W pasku adresu przeglądarki wpisz domenę witryny, a następnie tekst „favicon.ico” Na przykład, jeśli chcesz ikona witryny Yahoo, adres do wpisania to „ http://www.yahoo.com/favicon.ico ”. Podobnie ikonę Google można znaleźć na stronie „: //www.google.com/favicon.ico”. - Po wpisaniu adresu określonego powyżej załaduje się strona zawierająca tylko ikonę witryny. - Kliknij obraz prawym przyciskiem myszy i wybierz „zapisz obraz jako ..” - Zapisz wszystkie ikony w folderze centralnym, powiedz „Moje dokumenty \ Moje ikony”

Teraz masz stałą kopię ikony. Następnym krokiem jest powiązanie go ze skrótem.

Krok 2: Powiąż ikonę ze skrótem - Kliknij prawym przyciskiem myszy skrót strony internetowej na pulpicie - Z wyświetlonego menu podręcznego wybierz „Właściwości” - W wyświetlonym oknie dialogowym przejdź do zakładki „Dokument internetowy”. - Kliknij obecny przycisk „Zmień ikonę ...”. - Spowoduje to wyświetlenie okna dialogowego Zmień ikonę, które pozwoli ci wyszukać i wybrać zapisany plik ikony. - Następnie kliknij kilka razy przycisk OK i zamknij wszystkie okna dialogowe.

Prawdopodobnie wymaga to jednak Chrome jako standardowej przeglądarki do otwierania dokumentów internetowych!

Specjalne podziękowania dla Theta-ga

Wygląda jak bieżąca rzecz na kanale Dev. W bieżącej wersji i wersjach Beta w systemie Windows 7 nie ma oddzielnej ikony paska zadań - są one umieszczone za standardową ikoną Chrome. Wygląda na to, że są w połowie drogi z Dev.

To może być najlepszy wybór dla witryn, które nie oferują ikon o odpowiednim rozmiarze . Nie w pełni potwierdziłem, że to działa, ponieważ nie jestem na kanale deweloperskim.

Idź do dataUri Generator , prześlij 128 pikseli PNG, które chcesz jako ikonę. Skopiuj tekst dataUri do wykorzystania poniżej.

W przeglądarce Google Chrome na stronie, na której chcesz utworzyć skrót do aplikacji, naciśnij <CTRL>+ <SHIFT>+ J, kliknij drugą ikonę od lewej ( Show Console) i wklej poniżej. Upewnij się, że zastąpiłeś dane i opis poniżej. Enter go wykona i powinieneś zobaczyć okno skrótów do aplikacji kół zębatych.

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

Inną opcją jest odwołanie się do programisty witryny, aby dodał te proste dodatkowe metatagi i linki do swojej witryny.

Także jeśli naprawdę chcesz się zachwycić, myślę, że możesz utworzyć wiele danychUri z każdym z rozmiarów ikon, jak podano w odpowiedzi Ivo powyżej.