Favicon Oluşturucu
Logonuzu yükleyin; tek ZIP içinde sitenizin ihtiyaç duyduğu simgeleri alın: 16, 32 ve 48 piksellik favicon.ico, Google için 48 piksellik PNG, iPhone için opak zeminli Apple Touch Icon, Android için 192 ve 512 piksellik simgeler, güvenli alanı hesaplanmış maskeli simge ve site.webmanifest. SVG yüklerseniz icon.svg de pakete girer. Sekme, Google sonucu ve ana ekran önizlemesini görür, hazır <head> kodunu kopyalarsınız; her şey tarayıcınızda yapılır.
- Ücretsiz, üyelik yok
- Dosyanız cihazınızdan çıkmaz
- Dosya başına en çok 50 MB
Başlamak için logonuzu ya da simge görselinizi ekleyin. PNG, SVG, JPG ve WebP işe yarar; en iyi sonuç için en az 512 × 512 piksellik kare bir görsel kullanın.
Dosyanız cihazınızdan çıkmaz; görseller tarayıcınızda işlenir. EXIF ve konum bilgisi çıktıya eklenmez.
Favicon nasıl oluşturulur?
Logonuzu ekleyin
PNG, SVG, JPG ya da WebP bir logo yükleyin. En iyi sonuç için en az 512 × 512 piksellik kare bir görsel kullanın; SVG de olur.
Adı, renkleri ve iç boşluğu ayarlayın
Site adını ve kısa adı yazın, tema ve arka plan rengini seçin, gerekirse iç boşluk bırakın. Önizlemelerde simgenin sekmede, Google'da ve ana ekranda nasıl görüneceğini izleyin.
Paketi indirip yerleştirin
ZIP'i indirin, dosyaları sitenizin kök dizinine yükleyin ve gösterilen <head> parçasını sayfanıza ekleyin.
Dönüşümde neler korunur?
Korunur
- Logonuzun oranı: kare olmayan görsel kareye sığdırılır, esnetilmez
- Şeffaflık (standart simgelerde; arka plan rengi seçerseniz o dolgulanır)
- SVG yüklediyseniz icon.svg olduğu gibi pakete girer
Değişir
- Her simge kendi boyutuna yüksek kaliteyle yeniden örneklenir
- Apple Touch Icon ve maskeli simge her zaman opak zemindedir: seçtiğiniz renk, “Şeffaf” seçiliyse beyaz
- Maskeli simgede içerik %80'lik güvenli alana yerleştirilir
Aktarılmaz
- PNG ya da JPG'den vektör (SVG) üretilmez; icon.svg yalnızca SVG girdide bulunur
- EXIF ve diğer üst bilgiler simgelere eklenmez
Ne zaman kullanılır?
Yeni site açarken tam simge seti
Tek bir favicon.ico günümüzde yetmez: iPhone ana ekranı, Android ve Google arama sonuçları farklı dosyalar bekler. Tek yüklemeyle hepsini doğru adlarda ve boyutlarda alırsınız.
Google sonuçlarında simge çıkarma
Google, arama sonucunda sitenizin simgesini 48 pikselin katı kare bir dosyadan gösterir ve bu dosyanın taranmasına izin verilmesi gerekir. Pakette bu dosya ve <head> bağlantısı hazırdır.
Uygulama gibi eklenebilen site (PWA)
Sitenizin ana ekrana eklenmesini istiyorsanız manifest ve 192/512 piksellik simgeler gerekir. Maskeli simge, Android'in simgeyi daire ya da yuvarlatılmış kareye kesmesinde logonuzun kırpılmamasını sağlar.
Bilmeniz gereken sınırlamalar
- En iyi sonuç için en az 512 × 512 piksellik kare bir görsel kullanın; daha küçük kaynaklardan üretilen büyük simgeler bulanık olur.
- 16 ve 32 piksellik simgelerde ince çizgiler ve küçük yazılar seçilemez; kalın şekilli, yüksek kontrastlı logolar daha iyi sonuç verir.
- Tema rengi yalnızca mobil tarayıcıların adres çubuğunda uygulanır ve tarayıcı ayarlarına bağlıdır.
- Google'ın arama sonucundaki simgeyi güncellemesi günler hatta haftalar sürebilir; tarayıcılar da simgeleri önbelleğe alır.
Sık sorulan sorular
Bir site için hangi favicon dosyaları gerekir?
Güncel yaklaşım: kök dizinde favicon.ico, Google için 48 piksellik PNG, mümkünse icon.svg, iPhone için 180 piksellik apple-touch-icon.png, Android için 192 ve 512 piksellik simgeler ile bir site.webmanifest. Oluşturucu hepsini üretir ve <head> bağlantılarını verir.
Maskeli (maskable) simge nedir?
Android'in simgeyi cihaza göre daire, yuvarlatılmış kare gibi şekillere kesebilmesi için içeriği güvenli alanda ve arka planı tam dolu bir simgedir. Burada içerik, 512 pikselin ortasındaki %80'lik alana yerleştirilir.
Apple Touch Icon neden opak ve köşeleri yuvarlak değil?
iOS saydam alanları siyah gösterir ve köşeleri kendisi yuvarlar. Bu yüzden simge, seçtiğiniz arka plan renginde (şeffaf seçiliyse beyaz) tam dolu ve köşesiz üretilir.
Google arama sonucunda simgem neden görünmüyor?
Simge dosyası robots.txt ile engellenmemeli, ana sayfadan <head> bağlantısıyla gösterilmeli ve 48 pikselin katı kare olmalıdır. Düzelttikten sonra Search Console'dan ana sayfanın yeniden dizine eklenmesini isteyebilirsiniz; güncelleme yine de gün ya da hafta alabilir.
Kare olmayan görsel yüklersem ne olur?
Simgeler kareye sığdırılır, oran bozulmaz ve kenarlarda boşluk kalır. Kareyi dolduracak şekilde kadraj istiyorsanız önce Resim kırp aracıyla 1:1 oranında kırpın.
PNG'den SVG favicon üretir mi?
Hayır. Pikselleri otomatik vektöre çevirmek simgenin görünümünü sessizce bozabilir; bu yüzden icon.svg yalnızca siz bir SVG yüklediğinizde pakete girer.
Bu araç ücretsiz mi?
Evet, tamamen ücretsiz. Üyelik, abonelik ya da filigran yoktur.
Dosyalarım bir yere yükleniyor mu?
Hayır. Görseller tarayıcınızda işlenir ve cihazınızdan çıkmaz. Çıktıya EXIF ve konum bilgisi eklenmez.