Web Siteniz için iPhone İkonu Oluşturmak

Web sitenizin logosunu nasıl Apple‘ın iPhone, iPad ve iPod Touch cihazlarının ana ekranına taşırsınız?

Bu, bugünlerde çok rastladığım bir soru aslında..

Cevabı ise hiç tahmin etmediğiniz kadar basit. Yapmanız gereken tek şey, ambleminizi, logonuzu ya da web sitenizi temsil etmesini istediğiniz görseli en az 60×60 piksel olacak şekilde “png” formatında kaydetmeniz ve “apple-touch-icon.png” adı ile kaydetmeniz. Gerisini iOs kenarları yuvarlayıp parlama efektini vererek halledecektir.

Ancak burada dikkat etmeniz gereken şey ise, her ne kadar 60×60 piksel dediysem de siz bu boyutu iPad’in çözünürlüğü olan 72×72 piksel yapmaya gayret edin. İkonlarınızın maksimum kalite görünmesini istiyorsanız tabi!

İkonu telefonunuza eklemek için ise yapmanız gereken; Safari’nin altındaki ok’a basarak “Anasayfaya Ekle” butonuna tıklamanız. Hepsi bu! Artık iPhone veya diğer Apple cihazlarınızda Web siteniz için hazırladığınız ikonunuz görüntülenecektir.

Sizler için Hazırladığım icon Paketi:


Download: 1/1-6b727b-apple-icon-paketi.zip

Si

Kod:

Nasıl Ekleyeceksiniz:[/b]
[red]skins/tema adı/header.tpl[/red] de alttakini bulun.
[code]<link r

uot;shortcut icon" href="/favicon.ico" type="image/x-icon" />[/code]
Altına Aşağıdaki kodlardan her hangi birini veya hepsini ekleyebilirsiniz gerisi size kalmış.
[code]<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />[/code]