Herhangi Bir Görselden Favicon Nasıl Oluşturulur (Ücretsiz, Tarayıcınızda)

Tarayıcı sekmenizdeki sayfa başlığının yanında duran o küçük resmin bir adı var: favicon. Aynı zamanda yer imlerinde, geçmiş listelerinde ve birisi sitenizi kaydettiğinde ana ekranda da görünür. Favicon’u olmayan bir site, kendi işaretiniz yerine genel ve boş bir belge simgesiyle işaretlenmiş, tamamlanmamış gibi görünür. İyi haber şu ki bir tane oluşturmak bir dakika sürer ve bunu tamamen tarayıcınızda yapabilirsiniz. Bu rehber, favicon’un ne olduğunu, iyi bir favicon’u neyin oluşturduğunu ve herhangi bir görseli ücretsiz Favicon Oluşturucu ile uygun bir favicon’a nasıl dönüştüreceğinizi anlatıyor.

Favicon aslında nedir

Favicon, bir tarayıcının sitenizi temsil etmek için gösterdiği küçük simgedir. Onu sekmede, yer imleri çubuğunda, arama geçmişinde ve bir telefondaki kayıtlı kısayollar listesinde görürsünüz. Bir web sitesinin en küçük parçalarından biridir, yine de gerçek bir iş görür: insanların yirmi sekmelik bir sıranın içinden sizin sekmenizi seçmesine yardımcı olur ve bir yer imini anında tanınır kılar.

Teknik olarak favicon, tarayıcının sayfayla birlikte yüklediği küçük kare bir görseldir. Boyutlar çok küçüktür, sekme için genellikle 16’ya 16 veya 32’ye 32 piksel olur; yer imleri ve ana ekran kısayolları için daha büyük sürümler kullanılır. Çok küçük gösterildiği için, bunu tasarlamanın kuralları tam bir logo tasarlamaktan farklıdır.

İyi bir favicon’u ne oluşturur

En büyük hata, bir kartvizitte harika görünen ama 16 pikselde bir lekeye dönüşen ayrıntılı bir logo kullanmaktır. Bir favicon’un, bir tırnaktan daha küçük bir boyutta, tek bakışta okunabilmesi gerekir. Şu ilkeleri aklınızda tutun:

• Basit tutun. Tek bir şekil, tek bir harf veya tek bir güçlü sembol. İnce çizgiler ve küçük metinler favicon boyutunda kaybolur.
• Tanınabilir kılın. Markanızla bağlantılı olmalı, çoğu zaman tek bir baş harf ya da logonuzun çekirdek işareti olur.
• Kare başlayın. Favicon’lar karedir, bu yüzden kare bir kaynak görsel garip kırpma ve esnetmeleri önler.
• Güçlü kontrast kullanın. Tarayıcının hem açık hem koyu temalarında öne çıkması gerekir.

Markanız bir sözcük işaretiyse, yalnızca ilk harfi veya simge kısmını çekip alın. Tam bir adı 16 piksele sığdırmaya çalışmak asla işe yaramaz.

Önce kaynak görselinizi hazırlayın

Temiz bir favicon, temiz bir kaynakla başlar. Görseliniz dikdörtgense veya konu bir tarafa kaçmışsa, önemli kısım ortalanacak şekilde önce Görsel Kırpıcı ile sıkı bir kareye kırpın. Dosya devasaysa, Görsel Yeniden Boyutlandırıcı üzerinden hızlı bir geçiş, onu dönüştürmeden önce makul bir boyuta indirir. Ve görseliniz oluşturucunun kabul etmediği bir biçimdeyse, Görsel Biçim Dönüştürücü onu saniyeler içinde standart bir PNG’ye çevirir.

Kaynağa bir an ayırmak işe yarar. Ortalanmış, kare ve yüksek kontrastlı bir görsel keskin bir favicon olur; dengesiz ya da bulanık bir görsel ise sonradan ne yaparsanız yapın dengesiz ve bulanık kalır.

Favicon nasıl yapılır

Kaynağınız doğru göründüğünde gerisini Favicon Oluşturucu halleder. Tamamen tarayıcınızda çalışır, dolayısıyla seçtiğiniz görsel cihazınızdan asla ayrılmaz ve hiçbir zaman bir sunucuya yüklenmez.

1. Aracı açın ve hazırladığınız kare görseli seçin.
2. Resminizden favicon’u oluşturmasına izin verin.
3. Sonucu indirin ve sitenize ekleyin.

İşin tamamı bu kadar. Oluşturulacak bir hesap ya da çıktıda bir filigran yok.

Sitenize yerleştirmek

İndirdikten sonra favicon dosyasını sitenizin kök veya varlık klasörüne yerleştirin ve sayfa başlığında ona referans verin. Çoğu site kurucusu ve framework’ün favicon için ayrılmış bir yeri vardır, bu yüzden dosyayı bırakıp bir ayarı ona yönlendirmeniz yetebilir. Yayına alındıktan sonra, sert bir yenileme sekmenizde yeni simgeyi gösterir. Tarayıcılar favicon’ları agresif biçimde önbelleğe alır, bu yüzden değişikliği hemen görmezseniz önbelleği temizleyin veya sayfayı gizli bir pencerede açın.

Kısa versiyon

Favicon, sitenizi sekmelerde ve yer imlerinde temsil eden küçük kare simgedir ve her site bir tane bulundurmaktan fayda görür. Küçük boyutlar için tasarlayın: basit, tanınabilir, kare ve yüksek kontrastlı. Önce kaynağınızı bir kırpma ya da yeniden boyutlandırmayla temizleyin, ardından onu ücretsiz Favicon Oluşturucu ile bitmiş bir simgeye dönüştürün; hepsi tarayıcınızda ve hepsi gizli.