Bagaimana cara mendapatkan ikon favorit khusus di Safari 8 di Yosemite?

Saya ingin menambahkan ikon favorit khusus (yaitu halaman tab baru) untuk situs web saya di Safari 8 di Yosemite. Saya telah mencoba tag grafik terbuka og:imagedengan format png dan jpg. Saya juga telah memeriksa sumber beberapa situs yang memiliki ikon khusus di halaman favorit saya, termasuk situs yang muncul untuk memperbarui ikonnya, dan saya masih tidak dapat menemukan cara yang tepat untuk memasukkan ikon-ikon ini. Ada bantuan? Terima kasih.

safari yosemite

— preahkumpii
sumber

Anda berbicara tentang favicon?

— StrawHara

Tidak. Saya merujuk pada ikon favorit di halaman tab baru di Safari.

— preahkumpii

Anda telah mencoba untuk menghapus file terkait di / Pengguna / USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage sebelum menambahkan situs web Anda di Favorit?

— StrawHara

Iya. Tidak ada yang terjadi. Ikon khusus tidak pernah ditampilkan. Hanya ikon default yang ditampilkan, membuat saya percaya bahwa saya tidak menerapkan penggunaan ikon dengan benar.

— preahkumpii

@MrMojoRisin Ini untuk tata letak Safari pribadi pengguna. Ini pasti tempat yang tepat di sini. Dan sekarang saya benar-benar ingin tahu bagaimana melakukan ini ..

— Rob

Jawaban:

Ini tidak terkait dengan OS X, jadi saya akan membiarkan moderator memindahkan pertanyaan ini ke jaringan lain. Tetapi saya masih akan menjawab ini. Yang Anda bicarakan adalah Apple Touch Icon yang dapat diimplementasikan dengan menggunakan markup di bawah ini:

<link rel="apple-touch-icon" sizes="57x57" href="/apple//apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple//apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple//apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple//apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple//apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple//apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple//apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple//apple-touch-icon-152x152.png">

Ada beberapa ukuran karena perlu mendukung tampilan Retina dan non-Retina.

Sumber: Trik CSS

— sayzlim
sumber

Tidak bekerja Saya menambahkan ini di 57, 120, dan 152 ukuran (sesuai situs web apel) dan favorit tidak merespons.

— preahkumpii

Apa situs web Anda?

— sayzlim

pintsizedtreasures.com

— preahkumpii

Saya membuka situs Anda dan tidak menemukan ikon sentuh yang disebutkan. Sudahkah Anda memasukkannya?

— sayzlim

Saya memang memasukkannya, tetapi ikonnya tidak muncul, jadi saya menghapusnya. Sekarang, ikon favorit sekarang ditampilkan di Safari. Saya tidak tahu kenapa. Sosok pergi.

— preahkumpii

Safari (setidaknya versi 9.0.2 di Yosemite) tidak menampilkan favicon di tab. Untuk solusi sisi klien saya sarankan SafariStand . Ini adalah SIMBL plug-in yang menambahkan banyak fitur tambahan ke Safari seperti favicon pada tab dan bilah bookmark, unduhan terpisah dan panel bookmark, dan tweak lainnya.

— Hamid Rohani
sumber