Favicon, simge, kısayol simgesi, apple-touch-icon: Başka var mı?


24

Web siteleri için 2 temel tür web simgesi biliyorum:

  • Favicon :.icobiçimlendirilmiş bir dosyayı sitenizin kök dizinine yerleştirin;favicon.icoçoğu masaüstü tarayıcı onu bulur ve çeşitli bağlamlarda (yer imleri, sekmeler) görüntüler. Tarayıcılar için tür ve boyut sınırlamaları olsa da, dosyaya diğer adları ve diğer grafik türlerini belirtmenize izin veren koda da eklenebilir:

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Web Klibi Simgesi :sitenizin kök dizininepngyaapple-touch-icon.pngdaapple-touch-icon-precomposed.pngköküneadlandırılmışbirformatta dosyayerleştirinve Safari, iPhone OS / iOS sürümlerinde site bunları Ana Ekrana eklendiğinde bunları alır ve saklar. Ayrıca gibi bir kodla eklenebilir:

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

Bir web yöneticisinin içerebileceği bir web sitesi için başka varsayılan simge grafikleri var mı?

Yanıtlar:


8

Bu görünür dayanan bu ve bu Android kullanacağı reltürünü apple-touch-icon-precomposedveya apple-touch-icon, AMA o bir tam URL'yi kullanmanız gerekir çalışması için, örneğin:

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

veya:

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

Dikkat, bu Android 2.1 güncelleme 1 ve Webkit 3.1 için görünüyor . Android geliştirici belgeleri bir yöntemi bahsetmektedir ki android.webkitzaman o olaydır apple-touch-iconalınır.


1

Bu hangi platformu hedeflediğinize bağlı. Ancak bence çoğu - standart uyumlu - mobil tarayıcılar varsayılan favicon etiketlerini anlıyor. Belki Android, iOS, WebOS gibi platformlarda özel kullanım durumlarını (örneğin, özel bir simge ile masaüstü kısayolu oluşturun) arayabilirsin ...

İPhone Kullanıcılarını hedef alan birkaç web sitesi geliştirdim ve bu sitelerde Wordpress'i WPTouch temasının özel bir sürümü ile kullandım.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.