Kılavuz

Favicon Boyutlarının Açıklaması

Tarayıcılar, işletim sistemleri ve kurulum, her biri farklı bir favicon çözünürlüğü ister. Bu kılavuz, tüm ortak boyutları yüzeyine eşler, böylece tek bir kaynak görüntüden tam olarak ne oluşturacağınızı bilirsiniz.

Standart ve 2× ekranlarda 16×16 ve 32×32 güçlü tarayıcı sekmeleri ve yer imleri. Bunlar favicon.ico'in içine ve isteğe bağlı bağımsız PNG'lere aittirler.

48×48 ve 64×64, Windows Explorer'ı, görev çubuğu pinlerini ve bazı arama parçacıklarını kapsar.

Çok boyutlu .ico dosyalarında ve yüksek DPI Windows kullanıcı arayüzünde 128×128 ve 256×256 kullanılır.

180×180, iOS ana ekranı için apple-touch-icon'tir. Android ve Chromium PWA yükleme kullanıcı arayüzleri için 192×192 ve 512×512 gereklidir.

Nasıl çalışır

  1. 1

    Kare bir kaynak seçin

    512×512 PNG veya viewBox kareli SVG.

  2. 2

    Tüm seti dışa aktar

    .ico, apple-touch-icon ve manifest PNG'ler için favicon oluşturucumuzu kullanın.

  3. 3

    Her boyutu bağlayın

    README paketindeki veya HTML oluşturucu kılavuzundaki yapıştırmaya hazır <link> etiketlerini kopyalayın.

Hemen deneyin

Her favicon boyutunu oluşturun

Favicon Oluşturucu

SSS

Aslında kaç tane favicon boyutuna ihtiyacım var?+

Minimum: çok boyutlu .ico (16/32/48) + 180 apple-touch-icon. Önerilen: PWA için 192 ve 512'yi ekleyin.

Tek bir görsel tüm boyutlarda çalışabilir mi?+

Evet — 512×512 veya SVG'ten başlayın ve her boyutu programlı olarak dışa aktarın. Asla küçük bir logoyu yükseltmeyin.

SEO için en çok hangi boyut önemlidir?+

Google, aramada en az 48×48 kullanır. 48'i .ico dosyanızın içine ve bağımsız bir PNG olarak kullanın.

İlgili araçlar

Daha fazla kılavuz

Kılavuzlar

FetchFavicon'i keşfedin

Kategoriler

Dönüştürücüler

Yardımcı programlar

Kılavuzlar

Öğreticiler