RevealTheme logo

Favicon Oluşturucu

Herhangi bir görüntüden eksiksiz bir favicon seti oluşturun: tarayıcıların, iOS ve Android'in beklediği tüm boyutlar.

Bu araç nasıl kullanılır

  1. 1

    Kare bir görsel yükleyin (PNG önerilir, 512×512 veya daha büyük).

  2. 2

    Tüm yaygın favicon boyutlarında oluşturuyoruz.

  3. 3

    Her PNG dosyasını indirin.

  4. 4

    Bunları HTML <head> içinde uygun sizes özellikleriyle referans olarak ekleyin.

Favicon Oluşturucu nedir?

Modern favicon'lar artık yalnızca 16×16 değildir. iOS, 180×180 boyutunda bir apple-touch-icon bekler, Android 192×192 ve 512×512 boyutlarında PWA simgeleri ister ve yüksek yoğunluklu ekranlar 32×32 veya 48×48 kullanır. Bu araç, tek bir kaynak görüntüden yaygın tüm boyutları oluşturur; böylece bunları <link rel='icon' sizes='...'> etiketleri olarak sunabilirsiniz.

Yaygın kullanım örnekleri

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Sıkça sorulan sorular

Hangi boyutta kaynak görüntü kullanmalıyım?
512×512 veya daha büyük kare bir PNG en iyi sonuçları verir: küçültme, ayrıntıyı büyütmeden daha iyi korur.
Bir ICO dosyasına ihtiyacım var mı?
Modern tarayıcılar PNG favicon'ları kabul eder. ICO biçimi yalnızca, günümüzde nadir görülen eski IE uyumluluğu için gereklidir.

İlgili araçlar