Apple Touch Icon oluşturucu
iOS’un ana ekran yer imleri için kullandığı 180×180 apple-touch-icon’u — artı eksiksiz bir favicon setini — tarayıcınızda yerel olarak oluşturun. Hiçbir şey yüklenmez.
Önce gizlilik: her görsel tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez, saklanmaz veya iletilmez.
iOS’un ana ekrana koyduğu simge
Biri sitenizi iPhone ya da iPad ana ekranına eklediğinde iOS 180×180 bir apple-touch-icon arar; böyle bir simge yoksa bulanık bir ekran görüntüsüne düşer. Bu oluşturucu görselinizden tam olarak o boyutu üretir — apple-touch-icon’lar şeffaf olmaması gerektiğinden düz bir arka planla — ve onu favicon.ico ile Android simgelerinin yanında indirmenize ekler.
Tek dışa aktarma, her platform
Cihaz başına ayrı bir dosyayı elle kırpmak yerine setin tamamını tek seferde üretin: iOS için apple-touch-icon, Android ve PWA’lar için 192 ve 512px PNG’ler ve masaüstü tarayıcıları için favicon.ico, ayrıca bunlara başvuran bir HTML parçacığı. Hepsi tarayıcınızda çalışır, dolayısıyla marka çalışmanız cihazınızdan asla çıkmaz.
Sıkça sorulan sorular
- Favicon oluşturmak için resmim yükleniyor mu?
- Hayır. favicon.ico, PNG simgeler ve manifest dosyasının tümü Canvas API kullanılarak tarayıcınızda yerel olarak oluşturulur. Resminiz cihazınızdan asla ayrılmaz.
- Hangi boyutları ve dosyaları alıyorum?
- Çok çözünürlüklü bir favicon.ico (16, 32 ve 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ve 512px boyutlarında PNG simgeler, bir site.webmanifest ve <head> bölümünüze yapıştıracağınız bir HTML parçacığı.
- Bir PNG veya SVG dosyasını ICO'ya dönüştürebilir miyim?
- Evet. Bir PNG, JPG, SVG veya WebP bırakın ve gerçek bir favicon.ico indirin. SVG logolar önce yüksek çözünürlükte yerel olarak tarama grafiğine dönüştürülür.
- En iyi hangi resim işe yarar?
- Sade, yüksek kontrastlı bir logo içeren kare bir resim. Kare olmayan resimler sığması için ortadan kırpılır; istediğiniz gibi çerçevelemek için dolgu ve şekil denetimlerini kullanın.
- Favicon'u nasıl kurarım?
- Paketi sitenizin kök klasörüne açın ve verilen HTML parçacığını sayfalarınızın <head> bölümüne yapıştırın. favicon.ico çoğu tarayıcı tarafından otomatik olarak alınır.