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.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
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ü.