Bir Apple touch simgesi ve bir favicon ilişkilidir, ancak bunlar aynı amaca hizmet eden aynı dosya değildir. Bir favicon genellikle tarayıcı sekmeleri, yer imleri ve tanıdık tarayıcı kromuyla ilişkilendirilir. Apple touch simgesi, sitenin daha çok bir uygulama simgesine benzeyebileceği Apple cihazı kısayol yüzeyleri içindir.
Karışıklık anlaşılabilir çünkü birçok projede her iki dosya da aynı marka markasından başlıyor. Kaynak sanat eseri tek bir kare resim olabilir ancak paketin farklı yüzeylere hizmet etmesi gerekir. Bu nedenle modern bir favicon iş akışının tek bir favicon.ico dosyasında durmaması gerekir.
Sık kullanılan simgesi ne işe yarar?
Favicon, kullanıcıların tarayıcı sekmelerinde, yer imlerinde, geçmişte ve ilgili tarayıcı arayüzlerinde gördüğü küçük görsel işaretleyicidir. Birkaç sekme açıkken kullanıcıların siteyi hızlı bir şekilde tanımasına yardımcı olur.
Klasik dosya favicon.ico'dır, ancak birçok modern kurulum PNG simge dosyalarını da içerir. Rutin site lansmanları için favicon.ico'yi pakette tutmak hâlâ pratiktir çünkü tanıdık beklentileri ve uyumluluk yollarını kapsar.
Apple touch simgesi ne işe yarar?
Bir site, ana ekran kısayolları gibi Apple cihazı yüzeylerine kaydedildiğinde Apple touch simgesi kullanılır. Bu sadece küçük bir sekme işaretçisi değil. Daha uygulamaya benzer bir bağlamda bir simge olarak çalışması gerekiyor.
Bu tasarım basıncını değiştirir. Bir tarayıcı sekmesi simgesi son derece küçük olabilir. Dokunmatik simge daha büyük görünebilir ancak aynı zamanda temiz, ortalanmış ve bağımsız bir işaret olarak tanınabilir bir görünüme sahip olmalıdır. Aynı kaynak çizim, basit ve kare ise her ikisinde de işe yarayabilir ancak çıktıların yine de doğru şekilde paketlenmesi gerekir.
Modern siteler neden sıklıkla her ikisine de ihtiyaç duyar?
Sitenizde yalnızca sık kullanılan simgesi varsa, masaüstü tarayıcı deneyimi iyi görünebilirken mobil kısayol yüzeyleri eksik veya tutarsız görünebilir. Paketiniz yalnızca dokunmatik simgelere odaklanıyorsa geleneksel tarayıcı sekmesi yolunu yine de kaçırabilirsiniz.
Bir SaaS lansmanı, dokümantasyon sitesi, ürün mikro sitesi veya küçük web uygulaması için pratik cevap genellikle her ikisidir. Birinden her simge çeşidini manuel olarak dışa aktarmasını istemeden, tarayıcı sekmelerini ve uygulama benzeri kısayolları kapsayan bir paket istiyorsunuz.
Favicon / Uygulama Simgesi Oluşturucu buraya sığar. Tek bir kare kaynak görüntüden favicon.ico, PNG simgeleri, Apple touch simgeleri, Android'e hazır simgeler ve bir başlangıç site.webmanifest oluşturur.
Kaynak sanat eseri paylaşılan kısıtlamadır
En büyük kalite faktörü kaynak görseldir. Aynı işaretin birden fazla yüzeye ve boyuta dayanması gerekir. Ayrıntılı çizimler, küçük metinler ve uçtan uca resimler genellikle düşük performans gösterir. Yeterli dolguya sahip basit bir şeklin tanınabilir kalması daha olasıdır.
Converty, tarayıcı ve Android çıktıları için dairesel bir seçenek içerirken, Apple dokunmatik simgeleri kare şeklinde kalır. Bu, marka markanızın dairesel bir çerçeve içinde daha iyi çalıştığı ancak yine de Apple yüzeylerinin beklenen kare görünümünü korumasını istediğiniz durumlarda önemlidir.
Pratik karar
Tarayıcı tanımaya ihtiyacınız olduğunda favicon kullanın. Apple kısayol yüzeyleriyle ilgilendiğinizde bir Apple touch simgesi kullanın. Sitenin her ikisinde de bitmiş gibi görünmesini istiyorsanız eksiksiz bir paket kullanın.
Daha ayrıntılı bir dosya kontrol listesi için Favicon Paketinde Hangi Dosyalara İhtiyacınız Var? konusunu okuyun. Varlıkları dışa aktarmaya hazır olduğunuzda, Favicon / App Icon Generator'ı açın, bir kare kaynak görseli yükleyin, paketi inceleyin ve ZIP dosyasını indirin.
