Apple dokunmatik simgesi apple-touch-icon.webp dosyası olarak da bilinen .webp dosyası, Favicon'a çok benzer şekilde Apple iPhone, iPod Touch ve iPad'de bir web sayfası simgesi olarak kullanılır. Bu sembol, bir kullanıcı ana ekranına bir web sitesini yer imlerine eklediğinde veya eklediğinde kullanılır. Bu Apple ürünleri, web sitesinin anlık görüntüsüne geri döner; bu dosya bulunamadığı takdirde genellikle beyaz bir kareden biraz daha fazlası olur.
HTML'de konum belirtilmediği sürece bu dosya 57 x 57 boyutlarında bir.webp olmalı ve ana dizinde bulunmalıdır. Bu etiketin HTML'nizde nasıl görünebileceğinin bir örneği aşağıda gösterilmiştir.
|_+_|Duyarlı Bir Web Sitesinin Apple Touch Simgesi Nasıl Yapılır?
Bir tüketici telefonunuzu kaydettiğinde bir Apple Touch Simgesi kullanılır. İnternet sitesi iOS dokunmatik ekranlı cihazlarının ana ekranına gidin veya onu yer imlerine ekleyin. Apple, siz belirtmezseniz web sitenizin ekran görüntüsünü simge olarak kullanır, bu da çoğunlukla tanınmayan bir kareye neden olur. Kullanıcı dostu web siteniz için benzersiz bir Apple Touch Simgesini nasıl geliştireceğinizi göstereceğiz, böylece müşterilerinizi ortalamanın altında bir Apple simgesi görmeye zorlamazsınız.
Bir Apple Touch simgesi yapın
Apple Touch Icon'unuzun ilk aşamada Photoshop veya başka bir resim düzenleyicide yapılmış olması gerekir. Dosya 'apple-touch-icon.webp' olarak kaydedilmeli ve 180 x 180 piksel boyutunda olmalıdır.
Web sitenizin Apple Touch simge dosyasını ekleyin.
Bir sonraki adım, Apple Touch Icon belgenizi web sitenize yüklemektir. İstediğiniz yere koyabilirsiniz ancak ana resimler klasörünüzde saklamanızı öneririz. Bir sonraki aşamada kullanacağımız için dosyanızı nerede sakladığınızı takip edin.
Bir Bağlantı Öğesi kullanarak Apple Touch Simgenizi tanımlayın.
Son adım, sayfanızın HEAD öğesine eklediğiniz bir bağlantı öğesinde en son Apple Touch Simgenizi tanımlamak ve adlandırmaktır.