Nasıl kullanılır
- Bir simgenin veya simgeye dönüştürmek istediğiniz görselin Base64 dizesini ya da data URI'sini yapıştırın.
- Önizlemeyi ve boyutları kontrol edin. Kare bir kaynak görsel en temiz simgeyi verir.
- ICO önceden seçilidir. Tek bir boyut (16, 32, 48, 64, 128 veya 256 piksel) ya da "Çoklu boyut (16, 32, 48, 256)" seçeneğini seçin.
- .ico dosyasını indirin. Girdi zaten bir ICO ise ve içindeki tüm görsellerin değişmeden kalmasını istiyorsanız "Orijinal" seçeneğini seçin.
Base64 içindeki ICO dosyaları
ICO dosyası küçük bir kapsayıcıdır: bir başlık, girdilerden oluşan bir dizin ve her girdi için BMP veya PNG verisi olarak saklanan bir görsel. Başlık 00 00 01 00 baytlarıyla başlar, bu yüzden bir simgenin Base64 karşılığı AAABAA ile başlar. Base64 simgeleri <link rel="icon" href="data:image/x-icon;base64,..."> gibi favicon data URI'lerinde, tek dosyalık HTML sayfalarında ve web sitesi simgelerini döndüren API'lerde görürsünüz.
Kayıtlı MIME türü image/vnd.microsoft.icon olsa da image/x-icon çok daha yaygındır ve her yerde çalışır.
Hangi simge boyutunu seçmeli
| Boyut | Tipik kullanım |
|---|---|
| 16 × 16 | Standart ekranlarda tarayıcı sekmesi ve yer imi |
| 32 × 32 | Yüksek yoğunluklu ekranlarda tarayıcı sekmesi |
| 48 × 48 | Windows masaüstü ve Dosya Gezgini simgeleri |
| 64, 128 | Daha büyük önizlemeler ve uygulama listeleri |
| 256 × 256 | Windows'ta büyük ve çok büyük simge görünümleri |
Çoklu boyut seçeneği 16, 32, 48 ve 256 boyutlarını tek bir dosyada toplar; böylece her sistem en uygun olanı seçebilir. İçerideki görseller PNG ile sıkıştırılmıştır; bu yöntem saydamlığı korur ve Windows Vista ve sonraki sürümler ile tüm modern tarayıcılar tarafından desteklenir.
Simgeyi favicon olarak kullanma
Tarayıcılar site kök dizinindeki /favicon.ico dosyasını otomatik olarak ister; bu yüzden dosyayı oraya kaydetmek hiçbir işaretleme olmadan da çalışır. href içindeki bir Base64 data URI'si bu isteği ortadan kaldırır, ancak simge bu durumda ayrı olarak önbelleğe alınmak yerine her sayfayla birlikte yeniden indirilir. Modern tarayıcılar PNG ve SVG simgelerini de kabul eder; yaygın bir yapılandırma ikisini birleştirir:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">Basit şekillere ve güçlü kontrasta sahip kare bir görselle başlayın; ince ayrıntılar 16 pikselde kaybolur. Başka kullanımlar için bir PNG sürümü elde etmek isterseniz Base64'ten PNG'ye aracını deneyin.
Sıkça sorulan sorular
favicon.ico hangi boyutta olmalı?
16, 32 ve 48 piksellik görselleri içeren çoklu boyutlu bir simge, tarayıcıları ve Windows'u kapsar. Buradaki çoklu boyut seçeneği, büyük simge görünümleri için 256 boyutunu da ekler.
Base64 PNG veya SVG'yi ICO'ya dönüştürebilir miyim?
Evet. Yapıştırın, indirme biçimini ICO olarak bırakın ve bir boyut seçin. Tarayıcınızın gösterebildiği her görsel dönüştürülebilir.
Önizleme neden simgemin yalnızca bir boyutunu gösteriyor?
Bir ICO dosyası birden fazla görsel barındırabilir, ancak önizleme bunlardan yalnızca birini gösterir. Dosyadaki tüm görselleri korumak için "Orijinal" olarak indirin.
ICO saydamlığı korur mu?
Evet. Simgeler tam alfa kanalına sahip PNG verisi olarak saklanır; böylece yuvarlatılmış köşeler ve yumuşak kenarlar saydam kalır.
Bir simgeyi data URI'ye nasıl dönüştürürüm?
<link rel="icon"> etiketinizin href özniteliğine yapıştırın.