Tarayıcıların ve cihazların gerçekten istediği favicon boyutları

Bir favicon eskiden tek bir küçük 16×16 görüntü anlamına geliyordu. Şimdi bir tarayıcı sekmesi, bir telefonun ana ekran kısayolu, bir yer imleri çubuğu ve bir Apple dokunma simgesi her biri kendi boyutunu bekliyor ve yalnızca bir tane sağlamak bu bağlamların bazılarını ya bulanık bırakıyor ya da sizinki yerine genel bir yedek simge gösteriyor.

Tek bir boyutun neden yeterli olmadığı

180×180'lik bir ana ekran simge yuvasını doldurmak için büyütülmüş 16×16'lık bir simge, büyük boyuta gerilmiş herhangi bir küçük görüntü kadar bloklu görünür — kaynakta olmayan bir ayrıntıyı eklemenin bir yolu yoktur. Bir favicon'un göründüğü her bağlamın kendi beklenen çözünürlüğü vardır ve modern uygulama, bir tarayıcının tek bir küçük dosyayı kötü şekilde büyütmesine güvenmek yerine bir dizi boyut sağlamaktır.

Kapsamaya değer boyutlar

• 16×16 ve 32×32 — çoğu masaüstü tarayıcısında tarayıcı sekmelerinde ve yer imi listelerinde kullanılan klasik favicon boyutları.
• 180×180 — bir sayfa bir iPhone veya iPad'in ana ekranına eklendiğinde Apple'ın ana ekran simgesi için beklediği boyut.
• 192×192 ve 512×512 — Android tarafından ve kurulabilir web uygulamalarında ana ekran simgeleri ile açılış ekranları için web uygulaması bildirim dosyaları tarafından kullanılır.

Tasarımı 16px'te okunaklı tutmak

Favicon Oluşturucu bir kaynak görüntüyü alır ve standart boyutların tamamını tek seferde, tamamen tarayıcınızda üretir — ama hiçbir oluşturucu, baştan küçük boyutlarda çalışmayan bir tasarımı düzeltemez. İnce ayrıntılar, ince çizgiler ve küçük metin 16×16'da tamamen kaybolur; küçültüldüğünde tanınabilir kalan basit, kalın bir şekil veya harf, ondan kaç boyut üretilirse üretilsin, bir tarayıcı sekmesinde gerçekten net bir şekilde okunan şeydir.