Favicon İndirici

Favicon’lar 1990’ların sonunda tarayıcı sekmelerinde görünen 16 piksellik küçük ikon olarak başladı; geçen yirmi yılda biraz daha ayrıntılı bir şeye dönüştü. Modern web siteleri birden fazla boyut ve formatta bir ikon filosu yayınlıyor: eski tarayıcılar için klasik 16x16 ve 32x32 ICO, yer imleri ve sabitlenmiş sekmeler için çeşitli boyutlarda PNG’ler, iOS ana ekran kısayolları için 180x180 Apple touch ikonları, PWA kurulumu için 192x192 ve 512x512 Android/Chrome ikonları, bazen uyarlanabilir ana ekran render’ı için adanmış maskelenebilir ikon. Tarayıcı sekmesi ikonu, ilgili görsel varlık buzdağının görünür ucu ve bu araç o buzdağının gerçekten ihtiyacın olan parçalarını yüzeye çıkarıp indirmene yardımcı oluyor.

Geliştiricilerin favicon indiriciye uzanmasının en yaygın sebebi, mevcut bir sitenin ikonunu bir dizin listelemesi, rakip analiz panosu, yer imi eklentisi ya da ‘son ziyaret edilenler’ gösterimi için kullanmak üzere tersine mühendisliğe almak. Birinin favicon’unun temiz bir kopyasını elle yeniden oluşturmak sinir bozucu — önce dosyanın gerçekte nerede yaşadığını bulmak gerekiyor (kanonik /favicon.ico yolu bir seçenek ama çoğu modern site başka yere işaret eden HTML link etiketleri kullanıyor), sonra indirmek gerekiyor, sonra hedefin ihtiyaç duyduğu formata çevirmek gerekiyor. Bu araç keşfi ve indirmeyi tek adıma indirgiyor; sitenin ifşa ettiği favicon varlıklarını doğrudan kullanabileceğin bir formatta döndürüyor.

Keşif sırası önemli; çünkü tüm sitelerin ikonlarını ilan etme şekli tek değil. HTML <link rel="icon"> etiketi modern standart ve çoğu sitenin kullandığı; Apple touch ikon linkleri iOS’a özgü varlıkları kapsıyor; Web App Manifest’in icons dizisi PWA varlıklarını kapsıyor; ve eski /favicon.ico geri dönüşü eski sitelerin bağımlı olduğu şey. Araç bu kaynakları sırayla deniyor; ilk bulduğunu hangi kaynağın ürettiğine dair metaverilerle birlikte döndürüyor. Birden fazla kaynak varsa hepsini görebiliyorsun — bazen belirli bir tarayıcının diğerinden farklı bir ikon görüntülemesinin nedenini anlamak için yararlı; bu da genellikle farklı tarayıcıların farklı ilanları tercih etmesinin sonucu.

1. 1URL’yi girin (güvenli yönlendirmeleri takip ederek normalize ederiz).
2. 2HTML’i çekip <link rel="icon">, Apple touch ikonlarını ve manifest URL’sini tararız.
3. 3Göreli yolları çözümler, /favicon.ico gibi yaygın fallback’leri deneriz.
4. 4Adayları tekilleştirir, içerik türü ve boyut limitlerini kontrol ederiz.
5. 5Önizleyin ve istediğiniz ikonu tek tıkla indirin.