ToolsMaxxing
Türkçe
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

Favicon oluşturucu

Tek bir görselden favicon.ico ve ihtiyacınız olan tüm PNG boyutlarını oluşturun.

veya görsel dosyalarını buraya sürükleyip bırakın

bir PNG, JPG, WebP veya GIF görseli (kare bir logo en iyisidir)

Dosyalarınız cihazınızda kalır

  1. 1Dosya ekle
  2. 2Ayarla
  3. 3İndir

Nasıl çalışır

  1. 1Kare bir logo veya görsel ekleyin. 512 x 512 piksel veya daha büyüğü en iyi sonucu verir.
  2. 2Kare olmayan görsellerin içeri sığdırılıp sığdırılmayacağını veya kırpılacağını ve arka planı seçin.
  3. 3Favicon seti oluştur’a basın.
  4. 4ZIP’i indirin, dosyaları sitenizin kök dizinine koyun ve favicon-html.txt içindeki HTML’i head bölümünüze yapıştırın.

Seçenekler ne işe yarar

İçeri sığdır
Görselin tamamını korur ve kısa kenara boş alan ekler.
Doldurmak için kırp
Kareyi doldurur ve geniş veya uzun bir görselin kenarlarını keser.
Arka plan
Saydam, saydamlığı korur. Beyaz veya siyah onu doldurur. Apple touch icon her zaman düz bir arka plan alır.

Gizlilik

Görseliniz tarayıcınızda yeniden boyutlandırılır ve hiçbir yere yüklenmez.

Sık sorulan sorular

Hangi dosyaları alıyorum?

16, 32 ve 48 px görselli favicon.ico, ayrı 16, 32 ve 48 px PNG’ler, 180 px apple-touch-icon.png, Android için 192 ve 512 px simgeler, bir site.webmanifest dosyası ve HTML etiketlerini içeren bir metin dosyası.

Hâlâ favicon.ico’ya ihtiyacım var mı?

Birçok tarayıcı PNG simgeleri okur ama bazı tarayıcı botları, besleme okuyucuları ve eski araçlar hâlâ /favicon.ico ister; bu yüzden saklamaya değer.

Favicon’um neden minik ve okunaksız?

16 pikselde ayrıntı kaybolur. Sade bir arka planda basit bir şekil veya tek bir harf kullanın; ince çizgilerden ve küçük metinden kaçının.

Tarayıcım neden hâlâ eski simgeyi gösteriyor?

Tarayıcılar favicon’ları uzun süre önbellekte tutar. Sayfayı zorla yenileyin veya bağlantıya /favicon.ico?v=2 gibi bir sürüm ekleyin.

SVG yükleyebilir miyim?

Bu sürümde hayır. SVG’nizi önce büyük bir PNG olarak dışa aktarın. Modern bir site bu dosyaların yanına bir SVG simge bağlantısı da ekleyebilir.

İlgili araçlar