Bu sayfa affiliate bağlantıları içerir. Bu bağlantılar üzerinden alışveriş yaparsan, sana ek bir maliyeti olmadan komisyon kazanabiliriz. Tam bilgilendirme →

Ücretsiz Çevrimiçi Araç

Ücretsiz Favicon Oluşturucu

Bir görsel bırak, bir web sitesinin gerçekten ihtiyaç duyduğu her ikon boyutunu al — favicon.ico, Apple touch icon, Android ikonları, bir Windows tile, bir manifest.json ve yapıştıracağın kod. Hiçbir şey yüklenmez.

🖼️

Logonu ya da görselini buraya sürükle, ya da seçmek için tıkla

En az 512×512px kare bir görsel en iyi sonucu verir — otomatik olarak kareye kırpılır

—

Ortadan kareye kırpılır. Görselinde zaten saydamlık varsa korunur — logolar için mükemmel.

Her boyut, kullanıma hazır

Bunu <head>'ine yapıştır

⚠️ Tarayıcın indirmeyi engellerse adres çubuğunun yanındaki İzin ver düğmesine tıkla.

3 adımda favicon nasıl yapılır

Bir görsel ekle. Logonu kutuya bırak ya da tıklayıp seç. En az 512 × 512 piksellik kare bir görsel en iyi sonucu verir. Başka bir görsel ortadan kare olarak kırpılır.
Önizlemeye bak. Görselinde saydam bir arka plan varsa korunur — logolar için harika.
İndir. Tüm boyutları almak için Tümünü İndir (ZIP)'e tıkla, sonra gösterilen kodu sitenin <head> bölümüne yapıştır.

ZIP dosyasının içinde neler var?

Favicon, tarayıcı sekmesinde ya da yer imleri listesinde sitenin adının yanındaki küçücük görseldir. Çoğu sitenin küçük sekme simgelerinden büyük uygulama simgelerine kadar birkaç boyuta ihtiyacı vardır ve araç hepsini üretir:

favicon.ico — tarayıcı sekmelerinde görünen klasik simge.
Apple touch icon — biri siteni ana ekrana eklediğinde iPhone ve iPad'in kullandığı simge.
Android simgeleri ve bir Windows karosu — Android telefonlar ve Windows için aynı fikir.
manifest.json ve yapıştırılacak kod — tarayıcılara hangi simgeleri kullanacaklarını söyler.

Başlamadan önce bilmekte fayda var

Kare olmayan görsel ortadan kırpılır. Hiçbir yer kesilmesin diye kare bir görsel kullan.
Apple ikonuna düz bir arka plan ver: iPhone'lar saydam alanları siyahla doldurur.
16×16 pikselde ince ayrıntılar kaybolur, bu yüzden basit bir şekil en iyi sonucu verir.
Tarayıcılar ve Google eski favicon'ları bir süre saklar; yenisinin görünmesi günler alabilir.
site.webmanifest içine sitenin adını yaz ve tüm dosyaları sitenin ana klasörüne yükle.

Sık sorulan sorular

Bu favicon oluşturucu ücretsiz mi?

Evet. Hesap yok ve filigran yok.

Görselim bir sunucuya yükleniyor mu?

Hayır. Simgeler tarayıcında oluşturulur ve görselin cihazından hiç çıkmaz.

Faviconum kaç piksel olmalı?

En az 512 × 512 piksellik kare bir görselle başla. Araç onu ihtiyacın olan her boyuta küçültür, yani kendin bir şey yeniden boyutlandırmak zorunda kalmazsın.

Saydam arka plan çalışır mı?

Evet. Logonda saydam bir arka plan varsa simgelerde de saydam kalır.

Dosyaları nereye koymalıyım?

Onları web siteni ana klasörüne yükle, sonra aracın verdiği kodu sayfalarının <head> bölümüne yapıştır.