Favicon Oluşturucu
Logo veya görselinizi yükleyin; web siteniz için gerekli tüm favicon boyutlarını (favicon.ico + Apple/Android PNG'leri) ve siteye ekleyeceğiniz HTML kodunu tek seferde alın.
Logo / görsel sürükleyin
veya bilgisayarından seç
Kare (ör. 512×512) en iyi sonucu verir
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
Tüm boyutlar tarayıcınızda üretilir; görseliniz sunucuya gitmez.
Favicon Oluşturucu nedir, ne işe yarar?
Favicon oluşturucu, bir logo veya görselden web siteniz için gereken tüm favicon dosyalarını (favicon.ico ve çeşitli boyutlarda PNG'ler) ve bunları bağlayan hazır HTML kodunu üreten araçtır. Favicon, tarayıcı sekmesinde ve yer imlerinde görünen küçük site simgesidir.
Görselinizi yükleyin; favicon.ico, 16/32 px PNG'ler, Apple ve Android simgeleri tek bir ZIP olarak inip hazır HTML koduyla birlikte gelsin. Tüm boyutlar tarayıcınızda üretilir; görseliniz sunucuya gitmez.
Favicon Oluşturucu nasıl yapılır?
- Logo veya görselinizi yükleyin (kare önerilir).
- Favicon paketini (favicon.ico + PNG'ler) ZIP olarak indirin.
- Verilen HTML kodunu sitenizin <head> bölümüne yapıştırın.
Nerelerde kullanılır?
- Yeni bir web sitesi için favicon paketi hazırlamak
- Sekmede ve yer imlerinde görünen site simgesini eklemek
- Telefonun ana ekranına eklenince görünecek simgeyi oluşturmak
- Logoyu tüm cihazlara uygun boyutlara çoğaltmak
İpuçları
- Kare (ör. 512×512) ve sade bir logo, küçük boyutlarda daha net görünür.
- ZIP'teki dosyaları sitenizin kök dizinine yükleyin, verilen HTML'i <head> içine ekleyin.
- Çok ince detaylar 16 px'te kaybolur; basit bir simge tercih edin.
Favicon neden bu kadar çok boyutta gerekir?
Aynı simge farklı yerlerde farklı ölçülerde kullanılır: tarayıcı sekmesinde 16 piksel, yer imi çubuğunda 32, masaüstü kısayolunda 48, telefon ana ekranında ise 180 piksel veya daha büyük. Tek bir dosya bunların hepsini iyi karşılayamaz.
Google arama sonuçlarında görünen site simgesi için kenarın 48'in katı olması beklenir. Bu yüzden bir favicon paketi, tek bir görselden birden çok boyut üretir ve her ortam ihtiyacı olanı alır.
16 pikselde ne kaybolur?
En sık yapılan hata, ayrıntılı bir logoyu doğrudan simgeye çevirmektir. 16 piksellik karede ince çizgiler yok olur, yazılar okunmaz hâle gelir, çok renkli geçişler bulanık bir lekeye döner.
İşe yarayan yaklaşım sadeleştirmektir: logonun tek bir harfi, en belirgin şekli ya da basitleştirilmiş silueti. Zıt renkler kullanmak da fark yaratır; açık zeminde koyu bir şekil küçük boyutta bile seçilir.
Dosyaları nereye koymalı?
Favicon dosyalarının sitenin kök dizininde bulunması en güvenli yoldur; tarayıcılar ve arama motorları önce oraya bakar. Ayrıca sayfanın baş bölümünde bağlantı etiketleriyle açıkça belirtmek, hangi dosyanın hangi boyut için olduğunu netleştirir.
Adresin sabit kalması da önemlidir: her yayında değişen bir dosya adı, arama motorunun simgeyi yeniden bulmasını zorlaştırır. Paket tarayıcınızda üretilir; görseliniz hiçbir sunucuya yüklenmez.
Sık sorulan sorular
Pakette neler var?
favicon.ico (16/32/48), favicon-16.png, favicon-32.png, apple-touch-icon.png (180), android-chrome-192.png ve android-chrome-512.png. Ayrıca bunları bağlayan hazır HTML kodu.
Dosyaları nereye koymalıyım?
ZIP içindeki dosyaları sitenizin kök dizinine (ana klasör) yükleyin, verilen HTML'i <head> içine ekleyin. Genellikle bu kadarı yeterlidir.
Görselim sunucuya gidiyor mu?
Hayır. Tüm favicon boyutları tarayıcınızda üretilir.