Baş Harf ve Emoji Favicon Oluşturucu
Önceden bir görsel hazırlamadan sade ve kolay tanınan bir favicon oluşturun. Bir ya da iki baş harf yazın veya tek emoji seçin; ardından şekli ve arka plan rengini ayarlayın. Metin tasarımlarında karakter rengini ve yazı tipi stilini de seçebilirsiniz, emoji ise tarayıcının doğal görünümünü korur. 512 px önizleme tarayıcınızda güncellenir. İndirilen pakette tasarımı siteye eklemek için gereken küçük tarayıcı ikonları, mobil ikonlar ve yapılandırma dosyaları bulunur. Hiçbir şey yüklenmez ve AI kullanılmaz.
Favicon nasıl yapılır?
-
1
İkon içeriğini seçin
Kısa bir harf işareti için bir ya da iki baş harf girin veya tasarım olarak tek emoji kullanın.
-
2
Tasarımı biçimlendirin
Kare, yuvarlatılmış kare veya daire biçimini ve arka planı seçin. Metin için karakter rengi ile yazı tipini de belirleyebilirsiniz; emoji doğal görünümünü korur.
-
3
Önizlemeyi inceleyin
512 px önizlemeyi kontrol ederken tasarımın 16 px tarayıcı sekmesi ikonuna küçültüldüğünde de anlaşılır kalıp kalmayacağını değerlendirin.
-
4
İndirin ve kurun
Yerel olarak oluşturulan favicon paketini indirin, dosyaları sitenize ekleyin ve paketteki head kodunu yapıştırın veya uyarlayın.
Favicon paketinde neler var?
Tek bir favicon tasarımı, küçük tarayıcı sekmesinden mobil ana ekrana kadar farklı yerlerde çalışmalıdır. Oluşturucu aynı tasarımı aşağıdaki pratik boyutlarda çizer ve dosyaları tarayıcıda yerel olarak paketler.
| Dosya | Boyut veya içerik | Temel kullanım |
|---|---|---|
favicon.ico |
16, 32 ve 48 px kareler | Tarayıcı sekmeleri, yer imleri ve ICO isteyen yazılımlar |
favicon-16x16.png |
16 × 16 px | Küçük tarayıcı faviconu |
favicon-32x32.png |
32 × 32 px | Standart tarayıcı faviconu |
apple-touch-icon.png |
180 × 180 px | Apple dokunmatik ikonu |
android-chrome-192x192.png |
192 × 192 px | Daha küçük Android web uygulaması ikonu |
android-chrome-512x512.png |
512 × 512 px | Daha büyük web uygulaması ikonu |
mstile-150x150.png |
150 × 150 px | Microsoft kutucuğu görseli |
site.webmanifest |
JSON manifesti | Web uygulaması manifesti kullanan tarayıcılar için Android ikonlarını belirtir |
browserconfig.xml |
XML yapılandırması | Microsoft kutucuğu görselini ve rengini belirtir |
favicon-head.html |
HTML kodu | Kopyalanabilir ikon, manifest ve tarayıcı yapılandırması bağlantıları |
16 px boyutunda da anlaşılır bir favicon yapın
Favicon, küçültülmüş bir afiş değildir. İnce ayrıntılar, uzun sözcükler ve birbirine yakın renkler tarayıcı sekmesi boyutunda hızla kaybolur. Kalın tek harf, kısa iki harfli bir işaret veya sade bir emoji genellikle karmaşık bir tasarımdan daha kolay tanınır.
- Ön plan ile arka plan arasında güçlü kontrast kullanın.
- Platform maskelerinin tasarımı sıkıştırmaması için harf veya emojinin çevresinde boşluk bırakın.
- En net silueti seçmek için kare, yuvarlatılmış kare ve daire biçimlerini karşılaştırın.
- 512 px önizlemenin yanında dışa aktarılan küçük ikonları da değerlendirin. Büyük boyutta iyi görünen tasarım 16 px boyutunda belirsizleşebilir.
- Kurulan faviconu birden fazla tarayıcıda, hem açık hem koyu tarayıcı arayüzünde deneyin.
Oluşturulan dosyaları sitenize ekleyin
Dosya adlarını değiştirmeyin ve dosyaları paketteki head kodunun beklediği konuma, çoğunlukla site köküne, yerleştirin. Kodu her sayfa şablonunun <head> bölümüne yapıştırın. Statik dosyalar başka bir dizinden veya CDN üzerinden sunuluyorsa yayımlamadan önce koddaki, manifestteki ve tarayıcı yapılandırmasındaki yolları güncelleyin.
Paketteki dosyalar ikon bağlantılarını sağlar ancak tek başına siteyi kurulabilir bir progresif web uygulamasına dönüştürmez. Kurulum için ek manifest alanları, güvenli barındırma ve tarayıcıya özgü koşullar gerekebilir.
Sık Sorulan Sorular
Evet. Bir ya da iki baş harf girip şekli, arka plan rengini, ön plan rengini ve yazı tipi stilini seçebilirsiniz. Kısa metin, küçük favicon boyutlarında daha kolay okunması için bilinçli olarak sınırlandırılmıştır.
Evet. Tek emoji seçip çevresindeki şekli ve arka plan rengini belirleyin. Emoji tarayıcının doğal görünümünü koruduğundan işletim sistemi ve tarayıcıya göre farklı görünebilir. İndirmeden önce önizlemeyi inceleyin. Karmaşık emojiler her tarayıcıda bulunmayabilir.
Evet. Pakette 16, 32 ve 48 px kareler içeren favicon.ico, ayrı 16 ve 32 px PNG faviconlar ile Apple, Android ve Microsoft için daha büyük ikonlar bulunur.
Favicon Oluşturucu baş harf, kısa metin veya tek emojiden yeni bir tasarım yapar. Favicon Dönüştürücü ise mevcut PNG, JPEG veya WebP görselini favicon dosyalarına çeviren ayrı araçtır.
Hayır. Metin veya emoji, önizlemenin çizilmesi ve paketin oluşturulması tarayıcınızda kalır. Araç tasarımı yüklemez ve bir web sitesini getirmez.
Hayır. Yalnızca seçimlerinizi uygular ve AI kullanmaz. Baş harflerin, emojinin, renklerin veya bitmiş tasarımın bir ticari markayla ya da başkasının hakkıyla çakışıp çakışmadığını da belirleyemez. Ticari kullanımdan önce bu hakları kontrol edin.
Tarayıcılar faviconları sıkça önbelleğe alır. Dosyaların ve head bağlantılarının doğru yollarda yayımlandığını doğrulayın, ardından önbelleği temizleyin veya gizli pencerede deneyin. Arama motorları ve bazı platformlar ikonları kendi programlarına göre yeniler.
İlgili Araçlar
QR Kod Okuyucu
PNG, JPG veya WebP görüntüsünden QR kodu tarayıcıda çözün. URL, Wi-Fi, vCard, SMS, e-posta, takvim, geo veya metni kullanmadan önce görün.
GIF Oluşturucu
Bir görsel dizisini veya kısa videoyu animasyonlu GIF’e dönüştürün. Dışa aktarmadan önce kare hızı, döngü sayısı ve boyutu ayarlayın.
Görsel boyutlandırıcı
Görselleri en boy oranını koruyarak kesin piksel ölçülerine veya yüzdelere göre yeniden boyutlandırın. Toplu hazırlık için uygundur, yükleme gerekmez.
Görsel sıkıştırıcı
Görsel kaliteyi korurken dosya boyutunu azaltmak için JPG, PNG ve WebP görsellerini sıkıştırın. Tamamen tarayıcınızda çalışır, yükleme gerekmez.
Görüntü Büyütücü
Düşük çözünürlüklü görüntüleri yapay zekâ süper çözünürlüğü veya klasik interpolasyonla 2×, 3× ya da 4× büyütün ve önemli ayrıntıları koruyun.
Toplu Görsel Yeniden Boyutlandırıcı
Birden fazla görseli sürükleyin, hedef boyuta sığdırın veya uzatın, ardından JPG, PNG ya da WebP dosyalarını tek ZIP olarak dışa aktarın. İşlem tarayıcıda kalır.