Geliştirici & Tasarım Aracı 🎨

Favicon Üretici

Logonuzu yükleyin; tüm modern tarayıcılar, Apple ve Android cihazlar için kusursuz Favicon boyutlarını saniyeler içinde otomatik oluşturalım.

Görsel Yükle

En iyi sonuç için kare (1:1) formatında ve saydam arka planlı (PNG) bir logo yükleyin.

Görseli sürükleyin veya seçin

PNG, JPG veya WEBP (Maks: 5MB)

Faviconlar Bekleniyor

Sol taraftan bir görsel yüklediğinizde, farklı cihazlar için optimize edilmiş ikonlarınız burada belirecektir.

HTML Kodu kopyalandı! 🚀

Modern Web İçin Favicon Neden Hayatidir?

Favicon (Favorite Icon), web sitenizin dijital kimliğinin en küçük ama en görünür parçasıdır. Tarayıcı sekmelerinde, yer imlerinde (bookmarks) ve en önemlisi Google mobil arama sonuçlarında (SERP) başlığınızın hemen yanında yer alır.

Eskiden web siteleri için sadece tek bir favicon.ico dosyası yeterliydi. Ancak günümüzde kullanıcılar sitenizi Apple (iOS) cihazlarının ana ekranına veya Android telefonlara bir uygulama (PWA) gibi ekleyebiliyor. Bu cihazlarda logonuzun piksellenmeden, jilet gibi net görünmesi için farklı boyutlarda PNG dosyaları üretmeniz gerekir.

Apple Touch Icon

Apple cihazları, bir kullanıcı sitenizi ana ekrana (Home Screen) eklediğinde standart favicon'u kullanmaz. Bunun yerine 180x180 piksel boyutunda özel bir apple-touch-icon.png dosyası arar. Bu ikon yoksa, sitenizin düşük çözünürlüklü kötü bir ekran görüntüsü simge olarak atanır.

Google ve 48x48 Kuralı

Google, arama sonuçlarında (SERP) site logonuzu göstermek için favicon'unuzun 48x48 piksel veya katları olmasını şart koşar. 16x16 boyutundaki eski faviconlar Google botları tarafından reddedilir ve arama sonuçlarında markanızın yanında boş, jenerik bir dünya simgesi görünür.

Sıkça Sorulan Sorular

Hangi görsel formatını yüklemeliyim?

En iyi sonucu almak için arka planı saydam (transparent) olan bir PNG dosyası yüklemelisiniz. Görselinizin en ve boy oranının eşit (kare 1:1) olması, ikonların orantısız şekilde ezilmesini veya uzamasını engelleyecektir.

Bu ikonları siteme nasıl eklerim?

İndirdiğiniz PNG dosyalarını web sitenizin ana dizinine (Root klasörüne) yükleyin. Ardından sağ tarafta sağladığımız HTML Meta Etiketlerini kopyalayıp web sitenizin <head> bölümünün içine yapıştırın.

Eski .ico dosyasına ihtiyacım var mı?

Modern web tarayıcılarının tümü artık PNG formatındaki faviconları desteklemektedir. .ico dosyası sadece çok eski tarayıcılar (Internet Explorer vb.) için gereklidir, bu yüzden modern web tasarımında PNG boyutlandırmaları kullanmak endüstri standardı olmuştur.

Logom sunucunuza yükleniyor mu?

Hayır! Bu araç HTML5 Canvas teknolojisini kullanır. Yüklediğiniz görsel %100 oranında tarayıcınızın içinde boyutlandırılır, hiçbir veriniz sunucularımıza iletilmez. Bu sayede işlemler anında ve tamamen güvenli gerçekleşir.