Site Simgesi Oluşturucu

ICO ve PNG favori simgeleri oluşturun, küçük simgeleri önizleyin ve tarayıcınıza eksiksiz bir ZIP indirin.

Bir görsel seçin, dolguyu ve arka plan renklerini ayarlayın, küçük önizlemeleri kontrol edin, ardından ZIP oluşturup indirin.

Logonuzu favicon setine dönüştürünBir görsel seçin veya buraya bırakınPNG, JPEG, WebP veya SVG · 10 MB · her tarafta 4096 piksel

Bu araç, JavaScript'e ve yerel görüntü işleme özelliğine sahip modern bir tarayıcıya ihtiyaç duyar.

Nasıl kullanılır

Sık kullanılan simgesi kümesi oluşturma

Bir görsel seçin, dolguyu ve arka plan renklerini ayarlayın, küçük önizlemeleri kontrol edin, ardından ZIP oluşturup indirin.

Örnek ve beklenen sonuç

Örnek: şeffaf bir 1024×1024 logo yükleyin, şeffaflığı koruyun ve %10 dolgu kullanın. ZIP, ICO (16/32/48), beş PNG, PNG içeren bir SVG, bir simge bildirimi ve HTML pasajını içerir. Basit işaretler 16 pikselde daha net kalır; ince detaylar kaybolabilir.

Site simgesi nedir?

Favicon, tarayıcıların sekmelerde, yer imlerinde ve geçmişte sayfa başlığınızın yanında gösterdiği küçük simgedir. Küçüktür (çoğunlukla yalnızca 16×16 piksel) yani iyi bir favicon basit, yüksek kontrastlıdır ve bir bakışta tanınabilir. Bu oluşturucu, görselinizi tamamen tarayıcınızda genel favicon boyutlarına dönüştürür. Hiçbir şey yüklenmedi.

2026'da ihtiyacınız olan boyutlar

DosyaBoyutİçin kullanılır
favicon.ico16, 32, 48Tarayıcı sekmeleri ve yer imleri
favicon.svg512 × 512SVG özellikli tarayıcılar; gömülü PNG
favicon-16x16.png, favicon-32x32.png16, 32PNG yedek simgeleri
apple-touch-icon.png180 × 180iOS ana ekranı ve Safari
android-chrome-192x192.png, android-chrome-512x512.png192, 512Android ve PWA simge girişleri

Formatlar ve sınırlar

PNG, JPEG, WebP ve düz SVG girişleri desteklenir. Dosyalar 10 MB ve taraf başına 4096 piksel ile sınırlıdır. Animasyonlu resimler desteklenmez. SVG girişleri tarayıcınızda rasterleştirilir; komut dosyaları, dış referanslar, resimler, stil sayfaları, filtreler ve animasyonlar kaldırılır ve oluşturulmaz. Metin, mevcut yerel yazı tiplerini kullanır. SVG'niz bu özellikleri kullanıyorsa önizlemeyi kontrol edin.

ICO, 16×16, 32×32 ve 48×48 PNG sıkıştırılmış girişler içerir. Ölçek küçültme, çok adımlı yeniden örneklemeyi kullanır, ancak ayrıntılı bir fotoğraf yine de 16 pikseldeki ayrıntıyı kaybeder; basit işaretler en iyi sonucu verir. Seçildiğinde ICO ve PNG'de şeffaflık korunur; Apple touch simgesi sağlam bir arka plan kullanır. SVG çıktısı bir PNG içerir ve bir vektör dönüşümü değildir. Orijinaliniz değişmeden kalır.

SSS

Faviconumun boyutu ne olmalı?

Çok boyutlu ICO'yu (16/32/48), 180×180 Apple touch simgesini ve Android için 192/512 PNG'leri gönderin. Bunlar yaygın tarayıcı ve cihaz boyutlarıdır; her platformun her dosyayı kullanacağının garantisi değildir.

ICO veya PNG — hangisine ihtiyacım var?

ICO geri dönüşünü ve PNG veya SVG alternatiflerini ekleyin. HTML pasajını kopyalayın, ardından dosyaları barındırdığınız yerle eşleşecek şekilde yolları güncelleyin.

Tarayıcılar SVG favicon'larını destekliyor mu?

Birçok modern tarayıcı SVG favicon'larını destekler. Bunu yapmayan tarayıcılar için ICO yedeğini saklayın. Bu araç, SVG'nin içine 512×512 PNG'yi yerleştirir; logonuzu vektör yollarına göre izlemez.

Favicon'umu değiştirdim ama eskisi hala görünüyor. Neden?

Tarayıcılar favorileri agresif bir şekilde önbelleğe alır. Sert yenilemeyi deneyin veya tarayıcı önbelleğini temizleyin. Dosya yollarını kontrol edin ve önbelleğe alınmış simge devam ederse dosya adını veya sürüm sorgusunu değiştirin.

Şeffaf arka planım iPhone'larda çalışacak mı?

Apple touch simgesi her zaman burada seçtiğiniz Apple arka plan renginin üzerine düzleştirilir. ICO ve diğer PNG dosyaları seçildiğinde şeffaflığı korur.

Bu ZIP sitemi PWA olarak kurulabilir hale getirecek mi?

Hayır. Bildiri yalnızca simge girişlerini içerir. Bunları mevcut bildiriminizle birleştirin veya sitenizin ihtiyaç duyduğu adı, başlangıç ​​URL'sini ve diğer PWA ayarlarını ekleyin.