Apple web siteleri için simgesine Dokunun

SORU

24 ŞUBAT 2011, PERŞEMBE

Apple web siteleri için simgesine Dokunun

Şimdiye kadar, bu gibi kafama Elma Dokunmatik simgesi hattı dahil oldum:

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

Ancak, the Q&A "What are the correct pixel dimensions for an apple-touch-icon?" üç görüntüleri artık Apple'ın kurallarına göre gerekli olduğunu kabul cevabı belirtilmiştir.

Nasıl bir kod head bölümüne bu ekleme hakkında gitmek istiyorsunuz?

CEVAP

12 NİSAN 2011, Salı

Sana bu yardımcı olur git, umarım.

Apple senin için estetik bit yapmak istiyorum (parlaklık ekleyin) <head> etiketleri için bunları koymak istiyorum:

<link rel="apple-touch-icon" href="apple-touch-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-ipad-retina.png" />

İstersenizprecomposeApple parlak olmayan görüntüler, böylece görüntü,, o zaman bunu yapmak istiyorum:

<link rel="apple-touch-icon-precomposed" href="apple-touch-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-iphone4.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-ipad-retina.png" />

Birden fazla eklemek sağlayan, iOS cihaz doğru boyutu için bakmak ve bu resim otomatik olarak kullanacaktır. Gördüğünüz gibi adları görüntüleri örnekte, iPad retina Ekran ihtiyacı simgesi olan 144x144px, iPhone 4/4S/5 ihtiyacı simgesi olan 114x114px, orijinal iPad ve iPad 2, ekran çözünürlüğü farklı) ihtiyacı bir simge olan 72x72px ve orijinal iPhone gerek yok bir boyut belirtimi, ama senin için referans olur 57x57px.

Bunu Paylaş: