Apple Dokunmatik Simge Kılavuzu
Birisi sitenizi iOS ana ekranına eklediğinde Safari, favicon.ico'i değil apple-touch-icon'i kullanır. 180×180 PNG (veya ölçeği temiz bir şekilde küçülten daha büyük bir kare) kullanın ve bunu <head>'inize bağlayın.
Apple, web klipleri için modern iOS'e yerel uygulamalarda olduğu gibi maskeleme uygulamaz, ancak simgeniz yine de güvenli kenar boşluklarıyla birlikte kare şeklinde olmalıdır; yuvarlatılmış köşelerin resmi kırpmaması için logoları ~%10 içeride tutun.
<link rel = "apple-touch-icon" size = "180x180" href = "/apple-touch-icon.png"> kullanın. Tek bir 180×180 dosya mevcut tüm iPhone'ları kapsar; isteğe bağlı 152×152 ve 167×167 girişleri eski iPad düzenlerine yardımcı olur.
Nasıl çalışır
- 1
Dışa aktar 180×180 PNG
Favicon oluşturucumuzdan veya resim yeniden boyutlandırıcımızdan.
- 2
Site köküne yükle
/apple-touch-icon.png, favicon.ico ile birlikte.
- 3
Bağlantı etiketini ekleyin
<head>'te <link rel="apple-touch-icon"sizes="180x180" href="/apple-touch-icon.png">.
Hemen deneyin
apple-touch-icon oluştur
Favicon OluşturucuSSS
apple-touch-icon'in boyutu nedir?+
Mevcut iPhone'lar için 180×180 piksel. 512×512 veya 1024×1024 master'dan dışa aktarın.
iOS için PNG mi yoksa ICO mi?+
Yalnızca PNG. iOS, ana ekran simgeleri için .ico'yu yok sayar.
Hala favicon.ico'e ihtiyacım var mı?+
Evet — sekmeler ve diğer tarayıcılar hâlâ .ico kullanıyor. Apple-dokunmatik simge eklemelidir.
İlgili araçlar
Favicon Oluşturucu
Her cihaz ve tarayıcı için eksiksiz bir favicon paketi (ICO + PNG) oluşturun.
Resim Boyutlandırıcı
PNG, JPG ve WebP resimlerini tam boyutlarına yeniden boyutlandırın.
PNG'den ICO'ya Dönüştürücü
Windows ikonları, uygulama simgeleri ve web sitesi favicon'ları için ücretsiz online PNG'den ICO'ya dönüştürücü.