Favicon Oluşturucu
Tek bir resimden favicon.ico, Apple touch simgesi, Android simgeleri ve web manifest dosyasını tek bir ZIP içinde oluşturun.
Favicon Oluşturucu, bir logoyu veya resmi web sitesinin ihtiyaç duyduğu simge dosyaları setine dönüştürür. Resmi ortalanmış bir kareye kırpar ve favicon.ico (16, 32 ve 48 piksel boyutlarıyla), 16 ile 512 piksel arası PNG simgeleri, 180 × 180 boyutunda apple-touch-icon.png ve bir site.webmanifest dosyası oluşturur; hepsi tek bir ZIP içindedir. Sayfa ayrıca sitenizin head bölümüne yapıştıracağınız HTML link etiketlerini de gösterir.
Favicon’larınızı yükleme
Paketi web sitenizin kök klasörüne çıkarın, ardından bu etiketleri sayfanızın <head> bölümüne ekleyin:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Favicon Oluşturucu nasıl kullanılır
- 1
Logonuzu yükleyin
Bir PNG, JPG, SVG veya HEIC resmi bırakın ya da seçin. En az 512 × 512 piksellik kare bir resim en iyi sonucu verir.
- 2
Ortalandığından emin olun
Simgeler resmin ortasından kesilir. Logonuz ortada değilse veya resim kare değilse, önce Resim Kırpma ile 1:1 oranında kırpın.
- 3
Favicon paketini indirin
Tüm simge dosyalarını ve manifest'i almak için Favicon paketini indir (ZIP) düğmesine tıklayın.
- 4
Web sitenize ekleyin
Dosyaları sitenizin kök klasörüne yükleyin, ardından Kodu kopyala'ya tıklayıp HTML etiketlerini sayfalarınızın head bölümüne yapıştırın.
Neler yapar
- Çok boyutlu favicon.ico
- Tarayıcı sekmeleri ve yer imleri için 16 × 16, 32 × 32 ve 48 × 48 simgeleri içeren tek bir ICO dosyası.
- Her cihaz için PNG simgeleri
- 16, 32, 48, 64, 128, 192 ve 512 piksellik PNG dosyaları ile 180 × 180 boyutunda apple-touch-icon.png.
- Web uygulaması manifest'i
- Android ve yüklenebilir web uygulamaları için 192 ve 512 piksellik simgelere işaret eden bir site.webmanifest dosyası.
- Net küçük boyutlar
- Simgeler tam resimden birkaç adımda küçültülür; bu, 16 ve 32 piksellik sürümleri daha temiz tutar.
- Yapıştırmaya hazır HTML
- Simgeler ve manifest için link etiketlerini tek tıkla kopyalayın.
Sorular
Favicon resmim hangi boyutta olmalı?
En büyük simgenin keskin kalması için en az 512 × 512 piksellik kare bir resim kullanın. Basit şekiller ve canlı renkler 16 × 16 boyutunda da tanınabilir kalır.
ZIP içinde hangi dosyalar var?
favicon.ico, favicon-16x16.png ile favicon-512x512.png arası dosyalar (16, 32, 48, 64, 128, 192 ve 512), 180 × 180 boyutunda apple-touch-icon.png ve site.webmanifest.
Favicon dosyalarını nereye koymalıyım?
Bunları web sitenizin kök klasörüne, ana sayfanızla aynı yere yükleyin. Ardından bu sayfada gösterilen HTML etiketlerini her sayfanın head bölümüne yapıştırın.
Logomun bir kısmı neden kesiliyor?
Araç, resminizden ortalanmış en büyük kareyi alır. Logo genişse veya ortada değilse, simgeleri oluşturmadan önce etrafında biraz boşluk kalacak şekilde kare olarak kırpın.
SVG logo kullanabilir miyim?
Evet. SVG bir resim olarak çizilir ve PNG ile ICO dosyaları olarak kaydedilir. ZIP bir SVG favicon içermez.
Manifest dosyasını düzenlemem gerekir mi?
Evet. site.webmanifest, yer tutucu ad olarak App'i ve koyu tema renklerini kullanır. Dosyayı bir metin düzenleyicide açın ve name, short_name ile renkleri sitenize uyacak şekilde değiştirin.