Favicon, ikon, ikon pintasan, ikon sentuhan-apel: Apakah ada yang lain?

24

Saya tahu 2 jenis dasar ikon web default untuk situs web:

  • Favicon : tempatkan.icofile yang diformat di root situs Anda bernamafavicon.icodan sebagian besar browser desktop akan menemukannya dan menampilkannya dalam berbagai konteks (bookmark, tab). Dapat juga ditambahkan dalam kode, yang memungkinkan Anda untuk menentukan nama lain dan jenis grafik lainnya ke file, meskipun ada batasan jenis dan ukuran untuk browser :

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Ikon Klip Web : tempatkanpngfile berformat yang disebut dengan baikapple-touch-icon.pngatauapple-touch-icon-precomposed.pngdi root situs Anda dan iPhone OS / iOS versi Safari akan mengambilnya dan menyimpannya ketika situs ditambahkan ke Layar Beranda. Dapat juga ditambahkan dengan kode seperti:

    <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" />
    

Apakah ada grafik ikon default lainnya untuk situs web yang bisa dimasukkan oleh webmaster?

artlung
sumber

Jawaban:

8

Ini muncul berdasarkan ini dan ini yang Android akan menggunakan reljenis apple-touch-icon-precomposedatau apple-touch-icon, TAPI yang untuk itu untuk bekerja Anda perlu menggunakan url yang memenuhi syarat, misalnya:

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

atau:

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

Peringatannya adalah bahwa ini sepertinya untuk Android 2.1 pembaruan 1 & Webkit 3.1 . The Android dokumentasi pengembang tidak menyebutkan metode dalam android.webkityang acara ketika apple-touch-icondiambil.

artlung
sumber
1

Ini tergantung pada platform mana yang Anda targetkan. Tapi saya pikir sebagian besar - browser standar yang kompatibel - memahami tag favicon default. Mungkin Anda dapat mencari kasing khusus (mis. Buat pintasan desktop dengan ikon khusus) pada platform seperti Android, iOS, WebOS, ...

Saya baru saja mengembangkan beberapa situs web yang menargetkan Pengguna iPhone dan di situs ini saya menggunakan Wordpress dengan versi khusus dari tema WPTouch.

fwaechter
sumber