Haga que Google Chrome "Aplicación" Windows use iconos de alta calidad en Windows 7

Cada vez que uso el acceso directo "Crear aplicación" de Google Chrome (que uso y recomiendo), los íconos que se muestran en la barra de tareas de Windows 7 son realmente borrosos, probablemente el resultado del favicon 16x16 extendido.

Me gustaría poder reemplazarlos con otro ícono de alta calidad, pero incluso cuando reemplazo el archivo en caché, no se actualiza por alguna razón.

Como referencia, aquí está la ruta al icono, al menos para Gmail. También estoy usando la última versión del canal Dev de Chrome.

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

Esto podría no satisfacerte, pero al menos explica de dónde viene.

La API de Chrome / Gears dice lo siguiente:

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

iconos: un objeto que contiene una o más de estas propiedades con nombre: 128x128, 48x48, 32x32, 16x16. El valor de cada propiedad debe ser la URL de una imagen con formato PNG con dimensiones que coincidan con el nombre de la propiedad. También se puede usar una URL de datos que contiene datos PNG codificados en base64.

Así que supongo que en este momento solo usa algo que está en el sitio web donde se vincula. Si no tienen una versión de alta calidad, obtienes la fea que mencionas. Reemplazarlo requeriría que cambie el enlace dentro del acceso directo.

Como esto ya está comenzando a tener un trabajo tedioso, probablemente sea mejor seguir estos pasos:

Paso 1: Guarde el ícono en su computadora . Creo que ya lo hizo con éxito :) En la barra de direcciones de su navegador, escriba el dominio del sitio web, seguido del texto "favicon.ico". Por ejemplo, si desea ícono del sitio web de Yahoo, la dirección para escribir es " http://www.yahoo.com/favicon.ico ". Del mismo modo, el ícono de Google se puede encontrar en ": //www.google.com/favicon.ico". - Una vez que ingrese la dirección especificada anteriormente, se cargará una página que contiene solo el icono del sitio web. - Haga clic derecho en la imagen y elija "guardar imagen como .." - Guarde todos los iconos en una carpeta central, diga "Mis documentos \ Mis iconos"

Ahora tiene una copia permanente del icono. El siguiente paso es asociarlo con el acceso directo.

Paso 2: asocie el icono con el acceso directo - Haga clic derecho en el acceso directo del sitio web en su escritorio - En el menú emergente que aparece, elija "Propiedades" - En el cuadro de diálogo que aparece, cambie a la pestaña "Documento web". - Haga clic en el botón "Cambiar icono ..." presente allí. - Aparecerá el cuadro de diálogo Cambiar icono que le permitirá buscar y seleccionar el archivo de icono guardado. - Luego haga clic en Aceptar un par de veces y salga de todos los cuadros de diálogo.

Sin embargo, esto probablemente requiere que Chrome sea su navegador estándar para abrir documentos web.

Con un agradecimiento especial a Theta-ga

Parece un canal de desarrollo actual. Con la versión actual y las versiones Beta, no obtienes un ícono separado de la barra de tareas en Windows 7, solo se apilan detrás del ícono estándar de Chrome. Parece que están a medio camino con el Dev.

Esta podría ser su mejor opción para los sitios que no ofrecen los íconos de tamaño correcto . No he confirmado completamente que esto funcione porque no estoy en el canal de desarrollo.

Vaya a un generador de DataUri , cargue el PNG de 128 píxeles que desee como icono. Copie el texto dataUri para usarlo a continuación.

En Google Chrome en la página en la que desea crear un acceso directo a la aplicación para presionar <CTRL>+ <SHIFT>+ J, haga clic en el segundo icono de la izquierda ( Show Console) y pegue lo siguiente. Asegúrese de reemplazar el datauri y la descripción a continuación. Enter lo ejecutará y debería ver la ventana de acceso directo de la aplicación de engranajes.

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

La otra opción es hacer un llamamiento al desarrollador web del sitio para que agregue estas metaetiquetas adicionales simples y etiquetas de enlace a su sitio.

Además, si realmente quieres ponerte elegante, supongo que podrías crear múltiples Uri de datos con cada uno de los tamaños de ícono como se especifica en la respuesta de Ivo anterior.