Windows 7에서 Chrome "응용 프로그램"Windows가 고품질 아이콘을 사용하도록 설정


29

Chrome의 "응용 프로그램 만들기"바로 가기를 사용할 때마다 (많이 사용하고 추천하는) Windows 7 작업 표시 줄에 표시되는 아이콘이 실제로 흐릿하게 나타납니다. 아마도 16x16 파비콘이 늘어난 결과 일 것입니다.

이들을 다른 고품질 아이콘으로 바꾸고 싶지만 캐시 된 파일을 바꾸어도 어떤 이유로 업데이트되지 않습니다.

참고로, 아이콘의 경로는 최소한 Gmail의 경우입니다. 또한 최신 개발자 채널 버전의 Chrome을 사용하고 있습니다.

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

대체 텍스트


1
이것은 올바른 제안이지만, 마우스 오른쪽 버튼을 클릭하고 속성의 변경 아이콘을 사용하여 로컬로 저장된 고품질 아이콘을 가리 키지 않겠습니까?
BinaryMisfit

사용중인 아이콘을 업데이트하지 않는 것 같습니다. 정말 이상한 점은 처음 응용 프로그램을 만들 때 아이콘이 잘 보인다는 것입니다. 그런 다음 닫았다가 다시 시작하면 다시 쓰레기처럼 보입니다.
How-To Geek

알았어 RTM 버전을 사용한다고 가정합니까? 페이지를로드 할 때마다 페이지를 덮어 쓴다고 상상할 수 있으므로 페이지를 교체해도 작동하지 않습니다.
BinaryMisfit

Chrome의 개발자 또는 베타 채널 버전을 사용하고 있습니까? Dev로 전환했을 때 이런 일이 일어났다는 것을 기억합니다.
펠름 08:08

최신 개발 버전을 사용하고 있습니다.
How-To Geek

답변:


8

이것은 당신을 만족시키지 않을 수도 있지만 적어도 그것이 어디에서 왔는지 설명합니다.

크롬 / 기어 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');

icons-128x128, 48x48, 32x32, 16x16이라는 명명 된 속성 중 하나 이상을 포함하는 객체입니다. 각 속성의 값은 속성 이름과 일치하는 크기를 가진 PNG 형식의 이미지의 URL이어야합니다. base64로 인코딩 된 PNG 데이터가 포함 된 데이터 URL도 사용할 수 있습니다.

그래서 지금 당장은 링크하는 웹 사이트에있는 것을 사용한다고 생각합니다. 고품질 버전이없는 경우 언급 한 추악한 버전을 얻게됩니다. 이를 바꾸려면 바로 가기 내부의 링크를 변경해야합니다.

이미 지루한 작업을 시작하기 때문에 다음 단계를 따르는 것이 좋습니다.

1 단계 : 컴퓨터에 아이콘을 저장하십시오 -당신은 이미 이것을 성공적으로했다고 생각합니다 :)-브라우저의 주소 표시 줄에 웹 사이트의 도메인을 입력하고 "favicon.ico"라는 텍스트를 입력하십시오 (예 : Yahoo 웹 사이트의 아이콘은 입력 할 주소는 " http://www.yahoo.com/favicon.ico "입니다. 마찬가지로 Google 아이콘은 ": //www.google.com/favicon.ico"에서 찾을 수 있습니다. -위에서 지정한 주소를 입력하면 웹 사이트의 아이콘 만 포함 된 페이지가로드됩니다. -그림을 마우스 오른쪽 버튼으로 클릭하고 "다른 이름으로 그림 저장"을 선택하십시오.-모든 아이콘을 중앙 폴더에 저장하십시오. "내 문서 \ 내 아이콘"이라고 말하십시오.

이제 아이콘의 영구 사본이 있습니다. 다음 단계는 바로 가기와 연결하는 것입니다.

2 단계 : 아이콘을 바로 가기와 연결 -바탕 화면에서 웹 사이트 바로 가기를 마우스 오른쪽 버튼으로 클릭-나타나는 팝업 메뉴에서 "속성"을 선택하십시오.-나타나는 대화 상자에서 "웹 문서"탭으로 전환하십시오. -거기에있는 "아이콘 변경 ..."버튼을 클릭하십시오. -아이콘 변경 대화 상자가 팝업되어 저장된 아이콘 파일을 찾아서 선택할 수 있습니다. -그런 다음 확인을 두 번 클릭하고 모든 대화 상자를 종료하십시오.

웹 문서를 열려면 Chrome이 표준 브라우저 여야합니다.

세타가 덕분에


아이콘의 바로 가기를 이미 변경했습니다. 그래도 실행중인 앱의 작업 표시 줄 아이콘은 변경되지 않습니다. 그래도 API를 사용하여 바로 가기를 만들 수 있는지 궁금합니다.
How-To Geek

3

그것은 현재 개발자 채널 것 같습니다. 현재 릴리스 및 베타 버전에서는 Windows 7에 별도의 작업 표시 줄 아이콘이 표시되지 않으며 표준 Chrome 아이콘 뒤에 쌓입니다. 그들이 Dev와 절반 쯤 떨어져있는 것 같습니다.


1
예, 이제 별도의 아이콘에 만족합니다. 그들이 그렇게 못 생겼 으면 좋겠다!
How-To Geek

0

올바른 크기의 아이콘을 제공하지 않는 사이트에 가장 적합한 방법입니다 . 개발자 채널에 있지 않기 때문에 이것이 작동하는지 완전히 확인하지 못했습니다.

dataUri Generator로 이동하여 아이콘으로 원하는 128px PNG를 업로드하십시오. 아래에 사용하기 위해 dataUri 텍스트를 복사하십시오.

페이지의 Chrome에서 <CTRL>+ <SHIFT>+ 를 누르기위한 앱 바로 가기를 만들려면 J왼쪽에서 두 번째 아이콘 ( Show Console)을 클릭 하고 다음에 붙여 넣습니다. 아래 의 데이터설명 을 교체하십시오 . Enter를 실행하면 기어 응용 프로그램 바로 가기 창이 나타납니다.

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

다른 옵션은 사이트의 웹 개발자 에게이 간단한 추가 메타 및 링크 태그 를 사이트에 추가 하도록하는 것입니다.

또한 정말로 화려하고 싶다면 위의 Ivo의 답변에 지정된 각 아이콘 크기로 여러 개의 dataUri를 만들 수 있다고 생각합니다.


1
젠장 ... 여전히 작동하지 않습니다 .Chrome의 버그 여야한다고 생각합니다.
Aaron Wagner
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.