web-development-kb-ko.site

Google Chrome "응용 프로그램"Windows에서 Windows 7에서 고품질 아이콘 사용

Google 크롬의 "Create Application"바로 가기 (내가 많이 사용하고 권장 함)를 사용할 때마다 Windows 7 작업 표시 줄에 표시되는 아이콘이 매우 흐릿합니다. 아마도 16x16 파비콘이 늘어난 결과 일 것입니다.

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

참고로 최소한 Gmail의 경우 아이콘 경로는 다음과 같습니다. 또한 최신 Dev 채널 버전의 Chrome을 사용하고 있습니다.

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

alt text

windows-7google-chrometaskbaricons
29
The How-To Geek

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

Chrome/Gears 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');

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

그래도 웹 문서를 열려면 표준 브라우저가 되려면 Chrome이 필요합니다!

Theta-ga에게 특별한 감사로

8
Ivo Flipse

현재 개발 채널처럼 보입니다. 현재 릴리스 및 베타 버전에서는 Windows 7에서 별도의 작업 표시 줄 아이콘이 표시되지 않습니다. 표준 Chrome 아이콘 뒤에 쌓입니다. Dev.

3
pelms

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

dataUri Generator 로 이동하여 아이콘으로 원하는 128px PNG를 업로드합니다. 아래에서 사용할 dataUri 텍스트를 복사하십시오.

Google에서 Chrome 앱 바로 가기를 만들려는 페이지에서 <CTRL> + <SHIFT> + J)에서 두 번째 아이콘을 클릭합니다. 왼쪽 (Show Console)을 입력하고 다음을 붙여 넣습니다. datauri 및 설명 아래에 있습니다. Enter 키를 누르면 실행되고 기어스 응용 프로그램 바로 가기 창이 나타납니다.

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

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

또한 정말로 멋지게 만들고 싶다면 위의 Ivo의 답변에 지정된 것과 같은 각 아이콘 크기로 여러 dataUri를 만들 수 있다고 생각합니다.

0
Aaron Wagner