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.
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.