it-swarm-es.tech

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

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

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 hacia el ícono, al menos para Gmail. También estoy usando la última versión del canal de desarrollo de Chrome.

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

alt text

29
The How-To Geek

Puede que esto no te satisfaga, pero al menos explica de dónde viene.

El Chrome/Gears API 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 nombradas: 128x128, 48x48, 32x32, 16x16. El valor de cada propiedad debe ser la URL de una imagen en formato PNG con dimensiones que coincidan con el nombre de la propiedad. También se puede utilizar una URL de datos que contenga datos PNG codificados en base64.

Así que supongo que en este momento solo usa algo que está en el sitio web al que 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.

Dado que esto ya está comenzando a ser un trabajo tedioso, probablemente sea mejor seguir estos pasos:

Paso 1: Guarde el icono en su computadora - Ya lo ha hecho con éxito, creo :) - En la barra de direcciones de su navegador, escriba el dominio del sitio web, seguido del texto "favicon.ico" Por ejemplo, si desea el icono del sitio web de Yahoo, la dirección que debe escribir es " http://www.yahoo.com/favicon.ico ". Del mismo modo, el icono de Google se puede encontrar en ": //www.google.com/favicon.ico". - Una vez que escriba 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 tienes 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 Ok un par de veces y salga de todos los diálogos.

¡Esto probablemente requiera Chrome para ser su navegador estándar para abrir documentos web!

Con agradecimiento especial a Theta-ga

8
Ivo Flipse

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

3
pelms

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

Vaya a dataUri Generator , cargue el PNG de 128px que desee como icono. Copie el texto dataUri para usarlo a continuación.

En Google Chrome en la página para 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 datauri y 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 apelar al desarrollador web del sitio para que agregue estos simples extra metaetiquetas y enlaces a su sitio.

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

0
Aaron Wagner