Panduan Ikon Sentuh Apple
Apabila seseorang menambahkan tapak anda pada skrin utama iOS, Safari menggunakan apple-touch-icon — bukan favicon.ico. Hantarkan 180×180 PNG (atau petak yang lebih besar yang mengecilkan skala) dan pautkannya dalam <head> anda.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Apple tidak menggunakan penyamaran pada iOS moden untuk klip web seperti yang dilakukan untuk apl asli, tetapi ikon anda harus tetap segi empat sama dengan jidar selamat — simpan logo disisipkan ~10% supaya sudut bulat tidak pernah menjepit karya seni.
Gunakan <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">. Satu fail 180×180 merangkumi semua iPhone semasa; entri 152×152 dan 167×167 pilihan membantu reka letak iPad yang lebih lama.
Cara ia berfungsi
- 1
Eksport 180×180 PNG
Daripada penjana favicon atau resizer imej kami.
- 2
Muat naik ke akar tapak
/apple-touch-icon.png bersama favicon.ico.
- 3
Tambahkan teg pautan
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> dalam <head>.
Cuba sekarang
Jana apple-touch-icon
Penjana FaviconSoalan lazim
Apakah saiz apple-touch-icon?+
180×180 piksel untuk iPhone semasa. Eksport daripada induk 512×512 atau 1024×1024.
PNG atau ICO untuk iOS?+
PNG sahaja. iOS mengabaikan .ico untuk ikon skrin utama.
Adakah saya masih memerlukan favicon.ico?+
Ya — tab dan penyemak imbas lain masih menggunakan .ico. Ikon sentuh Apple ialah bahan tambahan.