1. Görsel ekleyin
Belirlenen alana bir dosya sürükleyin veya cihazınızdan bir grafik seçin. Desteklenen formatlar: PNG, JPG, SVG. Önerilen boyut: min. 512×512 piksel.
Favicon oluşturucu — ücretsiz favicon.ico oluşturun
Tek bir görselden web siteniz için favicon.ico ve eksiksiz PNG simge seti oluşturun. Tüm işleme tarayıcıda yerel olarak gerçekleşir.
Önizleme ve favicon dosyaları
favicon.ico
Tamamlandı! Favicon dosyaları oluşturuldu. Dosya listesini aşağıda görün.
favicon-16x16.png
Tamamlandı! Favicon dosyaları oluşturuldu. Dosya listesini aşağıda görün.
favicon-32x32.png
Tamamlandı! Favicon dosyaları oluşturuldu. Dosya listesini aşağıda görün.
apple-touch-icon.png
Tamamlandı! Favicon dosyaları oluşturuldu. Dosya listesini aşağıda görün.
android-chrome-192x192.png
Tamamlandı! Favicon dosyaları oluşturuldu. Dosya listesini aşağıda görün.
android-chrome-512x512.png
Tamamlandı! Favicon dosyaları oluşturuldu. Dosya listesini aşağıda görün.
Favicon nedir ve neden olmalı?
Favicon, sayfa başlığının yanında tarayıcı sekmesinde görünen küçük bir simgedir. Ayrıca yer imlerinde, tarama geçmişinde ve birisi siteyi kısayol olarak eklediğinde telefon ana ekranında da görürsünüz.
Bu küçük grafik önemli bir işlev görür — kullanıcıların birçok açık sekme arasında bir siteyi hızla tanımasına yardımcı olur. Birisi tarayıcıda düzinelerce sekme açtığında, favicon genellikle siteyi tanımlayan tek görünür öğedir.
Oluşturucu eksiksiz bir simge seti oluşturur: tarayıcılar için klasik favicon.ico dosyası, çeşitli boyutlarda PNG simgeleri ve Apple cihazları için apple-touch-icon. Web uygulaması (PWA) oluşturuyorsanız, manifest dosyasıyla birlikte 192x192 ve 512x512 simgeleri de oluşturabilirsiniz.
3 adımda favicon nasıl oluşturulur
Favicon oluşturmak sadece birkaç saniye sürer:
2. Boyutları seçin
İhtiyacınız olan simge boyutlarını seçin. Normal bir web sitesi için: favicon.ico, 32×32 ve 180×180. PWA için 192×192 ve 512×512 ekleyin.3. Dosyaları indirin
Oluşturma sonrasında tüm dosyaları ZIP olarak veya her simgeyi tek tek indirin. Aracın altında favicon'u sitenize nasıl ekleyeceğinize dair talimatlar bulacaksınız.
Araç hangi simge boyutlarını oluşturur?
Her boyutun kendine özgü kullanımı vardır:
favicon.ico (32×32)
Tüm tarayıcılar tarafından tanınan klasik format. Tarayıcı sekmesinde görüntülenir.
16×16 ve 32×32 PNG
Modern tarayıcılar için standart boyutlar. Sekmelerde ve yer imlerinde görüntülenir.
180×180 PNG (apple-touch-icon)
Apple cihazları (iPhone, iPad) için simge. Birisi siteyi ana ekranına eklediğinde görüntülenir.
192×192 ve 512×512 PNG
Web uygulamaları (PWA) için simgeler. Manifest tarafından gereklidir ve uygulama mağazalarında kullanılır.
PWA oluşturmuyorsanız yalnızca şunlara ihtiyacınız var: favicon.ico, 32×32 PNG ve 180×180 PNG. Bu üç dosya çoğu kullanım durumunu kapsar.
Favicon oluşturucuyu özel kılan nedir?
Gizlilik — dosyalar bilgisayarınızdan asla ayrılmaz
Tüm işlemler tarayıcıda yerel olarak gerçekleştirilir. Görsel hiçbir sunucuya gönderilmez. Sayfayı kapattıktan sonra tüm veriler temizlenir.Tek yerde eksiksiz set
Favicon.ico, PNG simgeleri, apple-touch-icon, PWA simgeleri ve manifest — tek bir görselden, tek bir araçla.PNG, JPG ve SVG desteği
Herhangi bir formatta logo kullanabilirsiniz. SVG'niz varsa — simgeler tüm boyutlarda keskin olacaktır.Web sitesi ve PWA kullanımına hazır
Araç web uygulamaları için manifest.json dosyası oluşturur. Aşağıda simgeleri entegre etme talimatları bulacaksınız.
Favicon oluşturucu nasıl kullanılır
Favicon oluşturmak birkaç basit adımdır:
1. Kaynak görsel ekleyin
Belirlenen alana bir dosya sürükleyin veya cihazınızdan bir grafik seçin. Desteklenen formatlar: PNG, JPG, SVG. En az 512×512 piksel boyutunda basit bir logo veya simge en iyi sonucu verir.2. Simge boyutlarını seçin
Hangi simge boyutlarına ihtiyacınız olduğunu seçin. Tümünü veya yalnızca bazılarını seçebilirsiniz. Normal bir web sitesi için: favicon.ico, 32×32 ve 180×180.3. Oluşturma seçeneklerini yapılandırın
Ek seçenekleri ayarlayın: arka plan (şeffaf veya seçilen renk), manifest (PWA yapılandırma dosyası) ve otomatik indirme.4. Oluşturun ve dosyaları indirin
Oluşturma başladıktan sonra araç görseli yerel olarak işler — hiçbir şey sunucuya gönderilmez. Tüm dosyaları ZIP arşivi olarak veya tek tek simgeleri ayrı ayrı indirin.
PNG boyutları
16×1632×32180×180
Şeffaf arka plan (PNG/ICO)
Oluşturma seçenekleri — her biri ne yapar?
Arka plan (şeffaf veya renk)
Varsayılan olarak oluşturucu şeffaflığı korur. Belirli bir arka plan rengi de seçebilirsiniz.
Manifest oluştur (site.webmanifest)
Web uygulamaları (PWA) için bir JSON dosyası. PWA oluşturmuyorsanız bu seçenek gerekli değildir.
Oluşturulan dosyalar nasıl indirilir
Simgeleri oluşturduktan sonra birkaç indirme seçeneğiniz var:
Tümünü ZIP olarak indirin
"Tümünü indir" düğmesi tüm oluşturulan dosyaları tek bir ZIP arşivine paketler. Eksiksiz simge setine ihtiyacınız olduğunda en kullanışlı seçenektir.Tek tek dosyaları indirin
Oluşturulan her simgenin kendi indirme düğmesi vardır — tüm seti indirmeden tek bir dosya indirebilirsiniz. Yalnızca bir boyutun güncellenmesi gerektiğinde yararlıdır.
Favicon nereye ve nasıl eklenir
WordPress
Çoğu WordPress temasında site simgesini ayarlamak için yerleşik bir seçenek bulunur. Bunu yönetici panelinde bulacaksınız:
Görünüm → Özelleştir → Site Kimliği → Site Simgesi
512×512 dosyasını oraya yükleyin — WordPress otomatik olarak daha küçük boyutlar oluşturacaktır. Simgeler üzerinde tam kontrol için dosyaları FTP aracılığıyla doğrudan kök dizine de yükleyebilirsiniz.
Hangi kaynak görsel en iyi çalışır?
Favicon çok küçük bir grafiktir — 16×16 piksel kadar küçük. Her görsel kaynak olarak iyi çalışmaz:
Basit şekiller ve okunabilir semboller
Basit logolar, tek harfler veya semboller en iyi sonucu verir. Çok detaylı karmaşık grafiklerden kaçının.Kare format
Favicon karedir. Kaynak görselin 1:1 dışında bir oranı varsa kırpılır veya esnetilir.Yeterince büyük boyut
En az 512×512 piksel boyutunda kaynak görsel öneriyoruz. Daha küçük görseller büyütülecektir.İdeal kaynak olarak SVG formatı
SVG kalite kaybı olmadan ölçeklenir, bu nedenle tüm boyutlardaki simgeler keskin olacaktır.Yüksek kontrastlı renkler
Favicon farklı arka planlarda (açık sekmeler, koyu mod) görünür olmalıdır. Okunabilirliği koruyan renkler seçin.
Favicon oluşturucu hakkında sıkça sorulan sorular
Diğer araçları keşfedin
JPG/PNG WebP dönüştürücü
Kalite kaybetmeden görsel dosya boyutunu küçültün. JPG ve PNG dosyalarını WebP formatına dönüştürün ve web sitenizi hızlandırın.
Görsel düzenleyici
Sosyal medya veya web siteniz için mükemmel kırpımı hazırlayın. Hazır bir format seçin veya özel boyutlar girin.
Favicon oluşturucu
Tek bir görselden favicon.ico ve PNG simgeleri oluşturun – tarayıcı ve Lighthouse gereksinimlerine uygun.
Meta başlık ve açıklama kontrolü
Karakter sayısını kontrol edin ve sayfanızın Google önizlemesini görün. Arama sonuçlarında kesilen başlık ve açıklamalardan kaçının.
Kelime ve karakter sayacı
Metin uzunluğunu kontrol edin ve ana sayfa, hizmet sayfası, blog yazısı veya ürün açıklaması için uygun olup olmadığını değerlendirin.
E-posta imza oluşturucu
Dakikalar içinde profesyonel bir e-posta imzası oluşturun. Hazır HTML kodunu Gmail veya Outlook’a kopyalayın.
Renk kontrast kontrolü
Metin ve arka plan renklerinizin okunaklı olup olmadığını kontrol edin. Araç WCAG’a göre kontrastı hesaplar ve doğru rengi seçmenize yardımcı olur.
Görsel renk çıkarıcı
Bir fotoğraf veya logo yükleyin ve araç baskın renkleri çıkaracaktır. Oluşturulan renk kodlarını tek tıkla kopyalayın.
Renk paleti oluşturucu
Bir renk seçin ve 9 palet oluşturun: monokromatik, komplementer, triadik ve daha fazlası.
Ücretsiz QR kod oluşturucu
Web sitesi, vCard, menü veya broşür için QR kod oluşturun. PNG ve SVG olarak dışarı aktarın, giriş veya sınır yok.