2011-02-16 15 views
5

Ölçüler ve iPod Touch, bunu gibi bir simge dosyasının bağlantısını belirtin:Apple iPhone/iPodtouch Web Klip Simge Apple iPhone'larda

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

... ama this page üzerine, bu iki farklı belirtmek önerir simge boyutu, bir tane iPhone için < 4 ve başka bir iPhone 4 için.

İki ayrı simgeyi nasıl belirteceğinizi gösteren bir belge yok. Biri yardım edebilir mi?

cevap

14

Google'da bununla ilgili birçok dokümantasyon var.

Sadece kullanın: Eğer apple-touch-icon-precomposed yerine apple-touch-icon kullanırsanız

<!-- **normal** (iPhone/iPod **non retina** display) --> 
<link rel="apple-touch-icon" href="apple-touch-icon.png"/> 

<!-- **normal** (iPhone/iPod **retina** display) --> 
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/> 

<!-- and **iPad** version --> 
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/> 

bir ek bilgi olarak, parlak etkisi olmadan simgesi olabilir.

ve giriş ekranı gibi Safari Mobile tüm özelliklerine sahip olmak için kullanabileceğiniz birkaç etiket vardır, vs

da, bir parlak web uygulaması olması gerekir hemen her şeyi this Mobile Tuts article bir okuma vermek ve bileceksin

+2

Yanıt için teşekkürler, 'bedenler' özelliği hakkında bilmiyordum. Google'ın şimdi aramak için başka iyi bir kaynağı var. Her ne kadar iPad'in 72 x 72 olması gerektiğini düşünmekteyim ve 'Retina' ekranı, sorgumda yer alan belgelerden yola çıkarak 114 x 114 olmalıdır. –

+0

teşekkürler - Yakında buna ihtiyacım olacağını biliyordum. –

+0

, webapps'te kullanabileceğiniz çok daha fazla etiket içeren Mobile Tuts bağlantısını ekledi – balexandre