Web siteniz için favicon nasıl oluşturulur?

Favicon, tarayıcı sekmesinde, yer imleri listesinde ve arama sonuçlarında gösterilen küçük simgedir. Sitenin tamamlanmış görünmesini sağlayan ve kullanıcıların sayısız açık sekme arasında sitenizi tanımasına yardımcı olan küçük bir ayrıntıdır.

Favicon'un gerektirdiği dosyalar

Modern siteler genellikle 32x32 PNG, 180x180 Apple touch icon ve eski tarayıcılar için bir SVG ya da ICO gerektirir. Dosyalar HTML head'de tanımlandığında tarayıcılar en uygun eşleşmeyi otomatik seçer.

SVG idealdir çünkü her boyutta keskin kalır, ancak basit bir PNG seti güncel tüm cihazları kapsar. Görseli sade tutmak — kalın bir harf veya basit bir şekil — sekme boyutunda detaylı bir logodan daha iyi okunur.

FreetoolsY ile favicon nasıl yapılır?

Favicon Üretici'yi açın, bir harf veya kısa metin seçin, ön plan ve arka plan renklerini belirleyin ve sonucu PNG ya da ICO olarak indirin.

  • Bir veya iki karakter yazın ve arka plan rengini seçin.
  • PNG ve ICO dosyalarını indirin.
  • Sitenize yükleyin ve HTML head'de bağlayın.

Favicon'ları doğru kullanmak

Simgeyi her sayfanın head'inde bir link etiketiyle referanslayın ve dosyayı sitenin kök dizininde tutun ki tarayıcılar ve tarayıcı botları varsayılan bir favicon.ico bulabilsin. Eksik favicon'lar sunucu günlüklerini dolduran 404 isteklere yol açar.

Metin yerine mevcut bir logo görselinden başlıyorsanız, Görsel Yeniden Boyutlandırıcı ile kare hâle getirip Görsel Dönüştürücü ile PNG'ye çevirin. Markanızla uyumlu renkleri Renk Dönüştürücü ile seçin.

Bu rehberde kullanılan araçlar

Tüm rehberler