Hangi boyutlar oluşturuluyor?

16×16, 32×32, 48×48 (favicon.ico içinde paketlenmiş), 180×180 (Apple Touch Icon), 192×192 ve 512×512 (PWA simgeleri).

Saydamlık korunuyor mu?

Evet. PNG'nin alfa kanalı ICO biçimi de dahil tüm çıktı dosyalarında korunur.

favicon.ico ile PNG simgeleri arasındaki fark nedir?

favicon.ico, eski tarayıcı desteği için birden fazla boyutu tek dosyada toplar; PNG simgeleri ise modern tarayıcılar ve PWA'lar tarafından kullanılır. İkisini birlikte sunmak azami uyumluluğu sağlar.

İyi bir kaynak görsel nasıl olmalı?

512×512 piksel veya daha büyük, saydam arka planlı kare bir PNG, daha küçük simge boyutlarına küçültüldüğünde en iyi sonuçları verir.

Favicon'u web siteme nasıl eklerim?

HTML'inizin <head> bölümüne <link rel="icon" href="/favicon.ico"> ve <link rel="apple-touch-icon" href="/apple-touch-icon.png"> ekleyin.

ImageStream

FLEXEAM · MEMETALKSözlerden fazlası. Daha çok sen.Anlatma. Gel, birlikte eğlenelim.Üye olmadan keşfet →AD

Favicon Oluşturucu

PNG'yi favicon.ico ve çok boyutlu pakete dönüştür

Favicon, tarayıcı sekmelerinde, yer imlerinde ve mobil ana ekranlarda görünen küçük simgedir. Bir PNG yükleyin ve tüm tarayıcılar ve cihazlarla uyumlu eksiksiz bir çok boyutlu simge paketini anında oluşturun.

Favicon nasıl oluşturulur

1Bir PNG görseli yükleyin (saydam arka plan önerilir)
2İhtiyacınız olan simge boyutlarını seçin
3ZIP paketini indirin ve web sitenize ekleyin

Favicon ipuçları ve kullanım örnekleri

Web sitesi — tarayıcılar arası uyumluluk

Chrome, Safari, Firefox ve Edge'de doğru görünmesi için hem favicon.ico hem de PNG dosyaları sağlayın. Oluşturulan ZIP'teki tüm dosyaları web sitenizin köküne yükleyin ve HTML head bölümüne ilgili link etiketlerini ekleyin.

PWA / mobil ana ekran

Progresif Web Uygulamaları ve ana ekran kısayolları için 192×192 ve 512×512 PNG'lere ihtiyacınız var. Android ve iOS'ta yüksek çözünürlüklü simgeler göstermek için her iki boyutu da manifest.json dosyanızdaki icons dizisine kaydedin.

Marka kimliği — simge olarak logo

Favicon'a dönüştürmeden önce logonuzun yalnızca sembolünü veya logo işaretini kare bir PNG'ye kırpın. Tasarımı sade tutun — 16×16 pikselde bile tanınabilir olmalı.