Jadikan Google Chrome "Aplikasi" Windows Menggunakan Ikon Berkualitas Tinggi di Windows 7


29

Setiap kali saya menggunakan pintasan "Buat Aplikasi" Google Chrome (yang sangat saya gunakan, dan sarankan), ikon yang ditampilkan di taskbar Windows 7 benar-benar buram, mungkin hasil dari favicon 16x16 sedang ditarik keluar.

Saya ingin dapat mengganti ini dengan yang lain, ikon berkualitas tinggi, tetapi bahkan ketika saya mengganti file yang di-cache, itu tidak diperbarui karena alasan tertentu.

Untuk referensi, inilah jalan menuju ikon, untuk Gmail, setidaknya. Saya juga menggunakan versi saluran Dev Chrome terbaru.

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

teks alternatif


1
Ini adalah saran yang jelas, tetapi mengapa tidak mengklik kanan dan menggunakan ikon perubahan di properti untuk mengarahkannya ke ikon berkualitas tinggi yang disimpan secara lokal?
BinaryMisfit

Tampaknya tidak memperbarui ikon yang digunakan. Yang benar-benar aneh adalah bahwa ikon tersebut terlihat baik-baik saja ketika saya pertama kali membuat aplikasi, dan kemudian setelah saya menutup dan memulai kembali itu tampak seperti omong kosong lagi.
The How-To Geek

Gotcha. Saya berasumsi Anda menggunakan versi RTM? Saya hanya bisa membayangkan bahwa itu ditimpa setiap kali memuat halaman dan itu sebabnya menggantikannya tidak berfungsi.
BinaryMisfit

Apakah Anda menggunakan versi saluran atau Beta saluran Chrome? Saya ingat ini terjadi pada saya ketika saya beralih ke Dev.
Pelms

Saya menggunakan rilis dev terbaru.
The How-To Geek

Jawaban:


8

Ini mungkin tidak memuaskan Anda, tetapi setidaknya menjelaskan dari mana asalnya.

The Chrome / Gears API mengatakan berikut:

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

ikon - Objek yang berisi satu atau lebih dari properti bernama ini: 128x128, 48x48, 32x32, 16x16. Nilai setiap properti harus berupa URL gambar berformat PNG dengan dimensi yang cocok dengan nama properti. URL data yang berisi data PNG yang dikodekan base64 juga dapat digunakan.

Jadi saya kira sekarang ini hanya menggunakan sesuatu yang ada di situs web tempat Anda terhubung. Jika mereka tidak memiliki versi berkualitas tinggi, Anda mendapatkan yang jelek yang Anda sebutkan. Menggantinya akan mengharuskan Anda untuk mengubah tautan di dalam pintasan.

Karena ini sudah mulai mendapatkan pekerjaan yang membosankan, mungkin lebih baik untuk mengikuti langkah-langkah ini:

Langkah 1: Simpan ikon di komputer Anda - Anda telah berhasil melakukannya, saya yakin :) - Di bilah alamat browser Anda, ketikkan domain situs web, diikuti dengan teks "favicon.ico" Misalnya, jika Anda ingin ikon untuk situs web Yahoo, alamat untuk mengetik adalah " http://www.yahoo.com/favicon.ico ". Demikian pula, ikon Google dapat ditemukan di ": //www.google.com/favicon.ico". - Setelah Anda mengetikkan alamat yang ditentukan di atas, halaman akan memuat hanya berisi ikon untuk situs web. - Klik kanan gambar dan pilih "simpan gambar sebagai .." - Simpan semua ikon di folder pusat, ucapkan "My Documents \ My Icons"

Sekarang Anda memiliki salinan permanen ikon tersebut. Langkah selanjutnya adalah mengaitkannya dengan pintasan.

Langkah 2: Kaitkan ikon dengan pintasan - Klik kanan pada pintasan situs web di desktop Anda - Dari menu sembulan yang muncul, pilih "Properti" - Di kotak dialog yang muncul, alihkan ke tab "Dokumen Web". - Klik tombol "Ubah Ikon ..." yang ada di sana. - Ini akan memunculkan dialog Ubah Ikon yang akan memungkinkan Anda untuk menelusuri dan memilih file ikon yang disimpan. - Kemudian klik OK beberapa kali dan keluar dari semua dialog.

Ini mungkin mengharuskan Chrome menjadi browser standar Anda untuk membuka Dokumen Web dengan!

Dengan terima kasih khusus kepada Theta-ga


Saya sudah mengubah pintasan pada ikon, itu hal pertama (jelas) yang saya coba. Itu tidak mengubah ikon taskbar untuk aplikasi yang berjalan. Saya ingin tahu apakah saya dapat menggunakan API untuk membuat shortcut saya sendiri meskipun ...
The How-To Geek

3

Itu terlihat seperti saluran Dev saat ini. Dengan rilis saat ini dan versi Beta Anda tidak mendapatkan ikon taskbar terpisah di Windows 7 - mereka hanya menumpuk di belakang ikon Chrome standar. Sepertinya mereka setengah jalan ke sana bersama Dev.


1
Ya, saya sangat senang dengan ikon yang terpisah sekarang. Hanya berharap mereka tidak terlihat begitu jelek!
The How-To Geek

0

Ini mungkin taruhan terbaik Anda untuk situs yang tidak menawarkan ikon ukuran yang benar . Saya belum sepenuhnya memastikan bahwa ini berfungsi karena saya tidak di saluran dev.

Pergi ke Generator dataUri , unggah 128px PNG yang Anda inginkan sebagai ikon. Salin teks dataUri untuk digunakan di bawah ini.

Di Google Chrome pada halaman yang ingin Anda buat pintasan aplikasi untuk tekan <CTRL>+ <SHIFT>+ J, klik ikon kedua dari kiri ( Show Console) dan rekatkan di bawah ini. Pastikan Anda mengganti datauri dan deskripsi di bawah ini. Enter akan menjalankannya dan Anda akan melihat jendela pintasan aplikasi gears.

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

Opsi lainnya adalah untuk menarik pengembang web situs untuk menambahkan meta dan tag tautan ekstra sederhana ini ke situs mereka.

Juga jika Anda benar-benar ingin mendapatkan kesan saya kira Anda dapat membuat beberapa dataUri dengan masing-masing ukuran ikon seperti yang ditentukan dalam jawaban Ivo di atas.


1
sial ... masih tidak berfungsi, saya pikir itu pasti bug di Chrome.
Aaron Wagner
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.