Faire en sorte que Windows "Application" Windows utilise des icônes de haute qualité dans Windows 7

29

Chaque fois que j'utilise le raccourci "Créer une application" de Google Chrome (que j'utilise beaucoup et que je recommande), les icônes affichées dans la barre des tâches de Windows 7 sont vraiment floues, probablement le résultat de l'extension du favicon 16x16.

J'aimerais pouvoir les remplacer par une autre icône de haute qualité, mais même lorsque je remplace le fichier mis en cache, il ne se met pas à jour pour une raison quelconque.

Pour référence, voici le chemin vers l'icône, pour Gmail, au moins. J'utilise également la dernière version de canal de développement de Chrome.

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

texte alternatif

The How-To Geek
la source
1
C'est bien une suggestion évidente, mais pourquoi ne pas faire un clic droit et utiliser l'icône de modification dans les propriétés pour la pointer vers une icône de haute qualité stockée localement?
BinaryMisfit
Cela ne semble pas mettre à jour l'icône en cours d'utilisation. Ce qui est vraiment bizarre, c'est que l'icône semble bien lorsque je crée l'application pour la première fois, puis une fois que je ferme et redémarre, elle redevient de la merde.
The How-To Geek
Je t'ai eu. Je suppose que vous utilisez la version RTM? Je peux seulement imaginer qu'il est écrasé à chaque fois que la page se charge et c'est pourquoi le remplacer ne fonctionne pas.
BinaryMisfit
Utilisez-vous les versions canal Dev ou Bêta de Chrome? Il me semble que cela m'est arrivé lorsque je suis passé au Dev.
pelms
J'utilise la dernière version de développement.
The How-To Geek

Réponses:

8

Cela peut ne pas vous satisfaire, mais cela explique au moins d'où cela vient.

L' API Chrome / Gears dit ce qui suit:

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

icônes - Un objet contenant une ou plusieurs de ces propriétés nommées: 128x128, 48x48, 32x32, 16x16. La valeur de chaque propriété doit être l'URL d'une image au format PNG avec des dimensions correspondant au nom de la propriété. Une URL de données contenant des données PNG encodées en base64 peut également être utilisée.

Donc, je suppose qu'en ce moment, il utilise simplement quelque chose qui se trouve sur le site Web auquel vous accédez. S'ils n'ont pas de version de haute qualité, vous obtenez la laide que vous mentionnez. Pour le remplacer, vous devrez modifier le lien à l'intérieur du raccourci.

Comme cela commence déjà à obtenir un travail fastidieux, il est probablement préférable de suivre ces étapes:

Étape 1: Enregistrez l'icône sur votre ordinateur - Vous l'avez déjà fait avec succès, je crois :) - Dans la barre d'adresse de votre navigateur, tapez le domaine du site Web, suivi du texte "favicon.ico" Par exemple, si vous voulez que le icône du site Web Yahoo, l'adresse à saisir est " http://www.yahoo.com/favicon.ico ". De même, l'icône Google se trouve sur ": //www.google.com/favicon.ico". - Une fois que vous avez saisi l'adresse indiquée ci-dessus, une page se charge contenant uniquement l'icône du site Web. - Faites un clic droit sur l'image et choisissez "enregistrer l'image sous .." - Enregistrez toutes les icônes dans un dossier central, dites "Mes documents \ Mes icônes"

Vous avez maintenant une copie permanente de l'icône. L'étape suivante consiste à l'associer au raccourci.

Étape 2: associer l'icône au raccourci - Faites un clic droit sur le raccourci du site Web sur votre bureau - Dans le menu contextuel qui apparaît, choisissez "Propriétés" - Dans la boîte de dialogue qui apparaît, passez à l'onglet "Document Web". - Cliquez sur le bouton "Changer d'icône ..." qui s'y trouve. - Cela fera apparaître la boîte de dialogue Changer d'icône qui vous permettra de rechercher et de sélectionner le fichier d'icône enregistré. - Cliquez ensuite sur Ok plusieurs fois et quittez toutes les boîtes de dialogue.

Cela nécessite probablement que Chrome soit votre navigateur standard pour ouvrir des documents Web avec!

Un merci spécial à Theta-ga

Ivo Flipse
la source
J'ai déjà changé le raccourci sur l'icône, c'est la première chose (évidente) que j'ai essayée. Cependant, cela ne change pas l'icône de la barre des tâches pour l'application en cours d'exécution. Je me demande si je peux utiliser l'API pour créer mon propre raccourci ...
The How-To Geek
3

Cela ressemble à un truc de canal de développement actuel. Avec la version actuelle et les versions bêta, vous n'obtenez pas d'icône de barre des tâches distincte dans Windows 7 - elles s'empilent juste derrière l'icône Chrome standard. On dirait qu'ils sont à mi-chemin avec le Dev.

pelms
la source
1
Ouais, je suis vraiment content des icônes séparées maintenant. J'aimerais juste qu'ils n'aient pas l'air si moche!
The How-To Geek
0

Cela pourrait être votre meilleur pari pour les sites qui n'offrent pas les icônes de bonne taille . Je n'ai pas entièrement confirmé que cela fonctionne parce que je ne suis pas sur le canal de développement.

Accédez à un générateur dataUri , téléchargez le PNG 128px que vous souhaitez sous forme d'icône. Copiez le texte dataUri pour l'utiliser ci-dessous.

Dans Google Chrome sur la page sur laquelle vous souhaitez créer un raccourci d'application pour appuyer sur <CTRL>+ <SHIFT>+ J, cliquez sur la deuxième icône en partant de la gauche ( Show Console) et collez-la ci-dessous. Assurez-vous de remplacer les datauri et la description ci-dessous. Enter l'exécutera et vous devriez voir la fenêtre de raccourci de l'application Gears.

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

L'autre option est de faire appel au développeur web du site pour ajouter ces simples balises meta et link supplémentaires à leur site.

Aussi, si vous voulez vraiment devenir fantaisiste, je suppose que vous pouvez créer plusieurs dataUri avec chacune des tailles d'icônes comme spécifié dans la réponse d'Ivo ci-dessus.

Aaron Wagner
la source
1
putain ... ne fonctionne toujours pas, je pense que ce doit être un bug dans Chrome.
Aaron Wagner