Saniyeler içinde favicon oluşturun
Favicon; tarayıcı sekmelerinde, yer imlerinde, geçmişte, mobil arama sonuçlarında ve birisi sitenizi kaydettiğinde ana ekranda görünen küçük simgedir. Ziyaretçilerin onlarca sekme arasından sitenizi bulmasına yardımcı olur ve küçük bir web sitesinin bile eksiksiz görünmesini sağlar. Bu favicon oluşturucu, tek bir görselden —veya henüz bir logonuz yoksa bir harf veya emojiden— ihtiyacınız olan tüm dosyaları oluşturur ve bunları sitenize eklemeniz için gereken HTML kodunu verir.
Özellikler
- Görselden: PNG, JPG, SVG, WebP ve daha fazlası.
- Metin veya emojiden: Renkli arka plan üzerinde baş harfler veya bir emoji.
- Yuvarlatılmış köşeler ve iç boşluklar sayesinde simgeler sekmelere ve ana ekranlara tam oturur.
- Canlı önizlemeler: 16, 32, 64 ve 128 piksel boyutlarında.
- Tam paket: Çok boyutlu favicon.ico, PNG simgeleri, Apple touch icon, Android simgeleri ve web manifest dosyası.
- Kopyalamaya hazır HTML link etiketleri.
- Gizli: Tamamen tarayıcınızın içinde oluşturulur.
Favicon boyutları açıklaması
| Dosya | Boyut | Kullanım Yeri |
|---|---|---|
| favicon.ico | 16, 32, 48 px | Tüm tarayıcılar, Windows kısayolları, geriye dönük uyumluluk |
| favicon-16x16.png | 16 px | Tarayıcı sekmeleri |
| favicon-32x32.png | 32 px | Yüksek DPI ekranlardaki sekmeler, görev çubuğu |
| apple-touch-icon.png | 180 px | iPhone ve iPad ana ekranı |
| android-chrome-192x192.png | 192 px | Android ana ekranı |
| android-chrome-512x512.png | 512 px | Android açılış ekranı, PWA kurulumu |
Tasarım ipuçları
- Sadeleştirin. Şirket adını içeren tam logo yerine, yalnızca logonuzun sembolünü kullanın.
- Kontrast kullanın. Simge, hem açık hem de koyu tarayıcı temalarında öne çıkmalıdır.
- 16 px'de test edin. En küçük önizlemede tanıyamıyorsanız, daha da sadeleştirin.
- Kareyi doldurun. Çok fazla boş alana sahip simgeler sekmelerde çok küçük görünür; kenar boşluklarını azaltın.
İlgili araçlar
Vektörel bir logoyu önce SVG'yi PNG'ye Dönüştür ile yüksek çözünürlüklü bir PNG'ye çevirin, Resim Boyutlandırma ile mevcut bir görselin boyutunu değiştirin veya Resim Dönüştürücü ile görsel formatları arasında dönüşüm yapın.