Favicon Oluşturucu
Web siteniz için metinden, emojiden veya resimlerden favicon oluşturun
Favicon tasarımı
Bir emoji seçin
%0 kare köşe, %100 özgün tam yuvarlak yolu kullanır.
10 MiB'a kadar görsel dosyası. Kaynak oluşturucu görseli kareye sığacak şekilde gerdirir.
Önizleme ve dosyalar
Bu bir örnektir. Tarayıcı ve sistem emoji görünümleri farklı olabilir.
Canlı önizleme güncellendi. Tasarımınız hazır olduğunda dosyaları oluşturun.
Oluşturulan PNG dosyaları
Tasarım değişti. Bu dosyalar hâlâ son oluşturulan tasarımı içeriyor; güncellemek için yeniden oluşturun.
PNG dosyaları: 16, 32, 48, 64, 128 ve 256 px. ICO, oluşturulan 32 px PNG'yi içerir.
Sitenize ekleyin
- İndirilen dosyaları yükleyin ve kopyalanan etiketleri sayfanızın head bölümünde kullanın.
- Varsayılan etiket yolları sitenizin kök dizinine işaret eder; dosyaları başka bir yere koyarsanız bunları düzenleyin.
- ICO indirmesi, oluşturulan her boyutu değil, tek bir PNG görseli içerir.
- Apple touch simgeleri ve web uygulaması manifest simgeleri ayrı varlıklardır; bu araç bu dosyaları oluşturmaz.
- Bir favicon'un arama sonuçlarında görüneceği garanti edilmez.
- Araç dosyanızı yüklemeden tarayıcıda okur. Değiştirilmemiş bir özgününü saklayın.
Favicon Oluşturucu aracı hakkında
Bu ücretsiz çevrimiçi Favicon Oluşturucu, doğrudan tarayıcınızda metin, harf, emoji veya yüklenen görsellerden profesyonel faviconlar oluşturmanızı sağlar. Faviconlar tarayıcı sekmelerinde, yer işaretlerinde ve arama sonuçlarında görünen küçük simgelerdir; marka tanınırlığında ve kullanıcı deneyiminde önemli rol oynarlar. Bu araçla tasarım yazılımı veya teknik uzmanlık olmadan birden fazla boyutta favicon tasarlayıp indirebilirsiniz.
Oluşturucu üç oluşturma modunu destekler: yazı tipi, renk ve stil üzerinde tam kontrolle bir veya iki karakterden favicon oluşturmak için Metin/Harf modu; ayarlanabilir arka plan ve boyutlarla herhangi bir emojiden hızlıca favicon oluşturmak için Emoji modu; tarayıcının çözümleyebildiği görsellerden kare favicon dosyaları oluşturmak için Yükleme modu. Araç, seçilen dosyayı yüklemeden yerel olarak görüntü oluşturur; bu, sayfadaki diğer tüm betiklerin veya isteklerin gizli olduğunu garanti etmez.
Araç altı kare PNG boyutu üretir: 16, 32, 48, 64, 128 ve 256 px. Dosyaları ayrı ayrı, tek görselli PNG tabanlı 32 px ICO dosyasını ve eşleşen HTML bağlantı etiketlerini indirin. Bu dosyalar her platformun simge gerekliliklerini karşılamaz.
Temel özellikler
- Üç oluşturma modu: Metin/Harf, Emoji ve Görsel yükle
- Özelleştirilebilir metin rengi, arka plan rengi, yazı tipi ailesi ve yazı kalınlığı
- Kareden daireye ayarlanabilir köşe yuvarlaklığı
- Metin ve emoji modlarında şeffaf arka plan desteği
- Yaygın kullanılan 32 emojiyle popüler emojileri hızlı seçme ızgarası
- Altı standart favicon boyutu oluşturur: 16x16, 32x32, 48x48, 64x64, 128x128 ve 256x256
- Ayarları değiştirdikçe gerçek zamanlı güncellenen canlı önizleme
- Faviconunuzun nasıl görüneceğini gösteren örnek tarayıcı sekmesi önizlemesi
- Her boyutu ayrı PNG dosyası olarak indirme
- Oluşturulan tek bir 32 px PNG içeren favicon.ico kapsayıcısını indirme; uyumluluk istemciye bağlıdır
- Web sitesine kolayca eklemek için HTML bağlantı etiketlerini panoya kopyalama
- Tüm işlemler tarayıcıda gerçekleşir; sunucuya hiçbir dosya yüklenmez
Favicon Oluşturucu nasıl kullanılır?
- Bir mod seçin: Karakterlerden favicon oluşturmak için Metin/Harf, emoji kullanmak için Emoji veya mevcut bir görseli dönüştürmek için Görsel yükle seçeneğini seçin.
- Tasarımınızı özelleştirin: Metin modunda 1-2 karakter girin ve yazı tipi boyutunu, renkleri, köşe yuvarlaklığını, yazı tipi ailesini ve kalınlığını ayarlayın. Emoji modunda bir emoji seçin veya yazın; arka planı ve boyutu yapılandırın. Yükleme modunda cihazınızdan bir görsel dosyası seçin.
- Gerçek zamanlı önizleyin: Ayarları değiştirdikçe canlı 256x256 önizlemenin anında güncellenmesini izleyin. Faviconunuzun gerçek bir sekmede nasıl görüneceğini görmek için örnek tarayıcı sekmesini kontrol edin.
- Faviconları oluşturun: Tasarımınızdan altı standart boyutun tamamını oluşturmak için "Favicon oluştur" düğmesine tıklayın.
- Faviconlarınızı indirin: Her boyut için ayrı PNG dosyaları indirin, favicon.ico dosyasını alın veya web sitenizin head bölümü için HTML bağlantı etiketlerini kopyalayın.
- Web sitenize ekleyin: İndirilen dosyaları sitenizin kök dizinine yerleştirin ve HTML bağlantı etiketlerini HTML belgenizin head bölümüne yapıştırın.
Kullanım alanları
- Yeni web sitesi yayını: Grafik tasarımcıya ihtiyaç duymadan yeni bir web sitesi veya web uygulaması için hızlıca profesyonel bir favicon oluşturun.
- Kişisel marka oluşturma: Kişisel blog, portföy veya profesyonel web sitesi için adınızın baş harflerini kullanarak harf tabanlı bir favicon üretin.
- Yeni girişimlerin MVP'leri: Tam marka kimliği henüz oluşmamışken geliştirmenin ilk aşamalarında geçici ama özenli bir favicon oluşturun.
- Yan projeler ve denemeler: Özel emoji veya metin faviconlarıyla hobi projelerine, hackathon çalışmalarına veya deneysel sitelere kişilik katın.
- Web geliştirme testleri: Geliştirme ortamları, hazırlık sunucuları veya müşteri prototipleri için yer tutucu faviconlar oluşturun.
- Birden fazla siteyi yönetme: Birden fazla açık sekmeyi ayırt etmeye yardımcı olmak için farklı siteler, alt alan adları veya web uygulamalarına ayrı faviconlar oluşturun.
- Belgeler ve eğitimler: Demo web siteleri, kod örnekleri ve eğitim materyalleri için favicon dosyaları oluşturun.
- Tarayıcı uzantısı geliştirme: Farklı boyutlarda küçük, tanınabilir simgelere ihtiyaç duyan tarayıcı uzantıları için simge dosyaları oluşturun.
Sıkça sorulan sorular
Favicon nedir?
Favicon ("favoriler simgesi" ifadesinin kısaltması), bir web sitesiyle ilişkili küçük bir simgedir. Tarayıcı sekmelerinde, yer işareti listelerinde, tarayıcı geçmişinde ve arama motoru sonuçlarında görünür. Faviconlar, kullanıcıların birden fazla açık sekme ve yer işareti arasında web sitenizi hızlıca tanıyıp bulmasına yardımcı olur.
Faviconum için hangi boyutları kullanmalıyım?
Bu araç 16, 32, 48, 64, 128 ve 256 px PNG dosyaları ile 32 px ICO sunar. Hedef istemcinin gerektirdiği boyutları seçin; Google Arama şu anda 48 px'den büyük kare simgeler önerir ve sonuçlara dâhil edilme garantisi yoktur.
PNG ve ICO biçimleri arasındaki fark nedir?
PNG bir raster görsel biçimidir; ICO ise simge kapsayıcısıdır. Bu araç altı PNG dosyasını dışa aktarır ve oluşturulan 32 px PNG'yi tek bir ICO kaydına gömer. Hedef istemcinin gerekliliklerini kontrol edin; iki biçim de evrensel destek garantisi vermez.
Şeffaf bir favicon oluşturabilir miyim?
Evet, hem Metin/Harf hem de Emoji modunda şeffaf arka plan seçeneğini etkinleştirebilirsiniz. Bu, şeffaf arka planlı bir favicon oluşturur; tarayıcının sekme arka plan rengiyle bütünleşmesi gereken faviconlar için kullanışlıdır.
Yüklediğim görsel bir sunucuya gönderiliyor mu?
Bu araç, seçtiğiniz görseli yüklemeden tarayıcıda görüntüler. Dosyalar 10 MiB ile sınırlıdır ve desteklenen biçimler tarayıcının görüntü çözümlemesine bağlıdır. Bu açıklama, sitedeki diğer betiklerin depolama, takip veya isteklerini kapsamaz.
Faviconu web siteme nasıl eklerim?
İndirilen favicon dosyalarını web sitenizin kök dizinine (veya seçtiğiniz bir alt dizine) yerleştirin, ardından HTML bağlantı etiketlerini HTML'nizin head bölümüne ekleyin. Kullanıma hazır bağlantı etiketlerini bu araçtan kopyalayabilirsiniz. Örneğin: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
İpuçları ve en iyi uygulamalar
- Sade tutun: Faviconlar çok küçük boyutlarda gösterilir. 16x16 pikselde tanınabilir kalan belirgin, sade şekiller ve yüksek kontrastlı renkler kullanın.
- En fazla 1-2 karakter kullanın: Metin tabanlı faviconlarda tek karakter en iyi sonucu verir. İki karakter de kullanılabilir, ancak küçük boyutlarda daha az okunaklı olabilir.
- Kontrastlı renkler seçin: Metninizin veya emojinizin arka plandan belirgin biçimde ayrıldığından emin olun. Yüksek kontrast, tarayıcı sekmelerinde görünürlüğü sağlar.
- Küçük boyutlarda test edin: Son hâlini vermeden önce faviconunuzun 16x16 ve 32x32 boyutlarında nasıl göründüğünü her zaman kontrol edin. 256x256 boyutunda harika görünen bir tasarım, küçük boyutlarda okunamayabilir.
- Koyu modu dikkate alın: Birçok kullanıcı koyu tarayıcı temalarıyla gezinir. Şeffaf arka planlı ve koyu içerikli bir favicon görünmez hâle gelebilir. Renkli arka plan eklemeyi veya açık renkli içerik kullanmayı düşünün.
- Köşe yuvarlaklığını kullanın: Yuvarlatılmış köşeler (20-30%) faviconlara modern, özenli bir görünüm verir. Tam daire (100%), tek harfler veya emojiler için iyi sonuç verir.
- Birden fazla boyut ekleyin: Hedef istemcilerinize uygun dosyalar sağlayın. Bu araç listelenen altı PNG boyutunu ve bir ICO oluşturur; Apple dokunmatik simgeleri ve web uygulaması manifest simgeleri ayrı dosyalar gerektirir ve tüm cihazların kapsamlı biçimde desteklenmesi garanti edilmez.