Kendi web siteniz varsa veya başka biri için bir web sitesi geliştiriyorsanız, kullanıcının iOS ana ekranında görünen kaydedilmiş yer imi simgesini özelleştirmeniz gerekir. Yukarıdaki ekran görüntüsünde, bir iPhone'un ekranında oturan özel OSXDaily favicon'u göreceksiniz.

Apple Dokunmatik Simgesini ayarlamak iyi bir fikir çünkü varsayılan olarak iOS sitenin yalnızca küçük bir küçük resmini kaydedecektir. Küçük küçük resimlerin tanımlanması genellikle zordur ve genellikle o kadar da harika görünmezler, bu yüzden onun yerine kendi favicon resminizi ayarlayalım.

Bir Web Sitesi İçin Apple Dokunmatik Simgesini Özelleştirme ve Ayarlama

• Simgeyi oluşturun, bir kare olduğundan emin olun, OSXDaily.com'daki 512×512 pikseldir, ancak gerçekten istiyorsanız diğer kare boyutlarını da seçebilirsiniz - daha büyük olanın uygun olduğunu unutmayın retina görüntüler
• Ana ekran simgesini bir PNG dosyası olarak kaydedin ve etiketleyin: apple-touch-icon.png
• apple-touch-icon.png'yi kök web sunucusu dizinine bırakın, böylece domain.com/apple-touch-icon.png adresinden erişilebilir
• İOS'ta Safari'den siteyi ziyaret ederek ve ardından “Ana Ekrana Ekle”ye dokunarak web sitenizin ana ekran yer işareti simgesini test edin
• iOS cihazının ana ekranına bakın, yukarıdaki ekran görüntüsü gibi yeni özel simgenizle orada kaydedilmiş yer imini göreceksiniz

Dosya düzgün bir şekilde adlandırıldığı ve web sunucularının kök dizininde olduğu sürece, Mobile Safari onunla ne yapacağını bilecek, böylece iOS'a özel favicon'un görünmesini sağlamak için başka bir ayarlamaya gerek kalmayacak.

Referans olarak, işte OSXDaily.com için kullandığımız özel 'apple-touch-icon.png' resmimiz, bu örnek yer imi simgesi retina ekranlar için uygun şekilde oluşturulmuş ve boyutlandırılmıştır ():

Gerçek simge dosyasında ışık kırılmasının simgeye kaydedilmediğini fark edeceksiniz, iOS bunu kendi başına halleder. İstediğiniz herhangi bir görüntüyü kullanabilirsiniz, ancak mevcut iOS simgelerinin tanıdık kullanıcı arayüzünü yakalayan bir görüntü oluşturmanızı tavsiye ederim.

Bu kesinlikle özel bir iOS uygulamasına sahip olmakla aynı şey değildir, ancak web'den iyi bir mobil kullanıcı deneyimi iyi bir fikirdir ve bir iOS uygulaması geliştirmenin yüksek maliyetine neden olabilecek şeylerden kaçınır.

Ve hey, bunun gibi şeylerle ilgileniyorsanız, muhtemelen en azından simgeleri tasarlamak için Photoshop kullanıyorsunuzdur, değil mi? Bu yüzden hazır başlamışken bir göz atın.