Favicon Oluşturucu

Tek görselden yaygın favicon ve uygulama simgesi boyutları. 16px - 512px.

Logonuzu veya simgenizi yükleyin

Dosyan cihazından çıkmaz · Üyelik yok · Günlük limit yok

Dosya başına 25 MB'a kadar

Reklam

Nasıl çalışır

Kare bir PNG, JPG ya da SVG bırakın, bir logo ya da amblem en iyi sonucu verir.
Dolguyu ve arka planı ayarlayın: şeffaf bırakın ya da onu düzleştiren platformlar için düz bir renk seçin.
Site adını ve kısa adını yazın. Bunlar web manifestine gider, böylece telefonlar sabitlenmiş bir ikonun altında doğru etiketi gösterir.
Üretin, ardından tüm seti tek bir ZIP olarak indirip site kök dizininize bırakın.

Ne için kullanılır

Yeni bir siteye beş boyutu elle dışa aktarmak yerine tek seferde eksiksiz bir ikon seti kazandırmak.
Sekmede keskin görünen ama Android ana ekranında bulanıklaşan bir favicon'u değiştirmek.
İnsanların telefon ana ekranına sabitlemesini istediğiniz bir web uygulaması için ikonları ve manifesti üretmek.

Reklam

Bilmekte fayda var

favicon.ico (16, 32 ve 48 px içerir), favicon-16x16.png, favicon-32x32.png, 180 px'te apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, bir site.webmanifest ve <head> etiketinize yapıştıracağınız bir HTML parçacığı elde edersiniz.
Kare çalışmalar en iyi sonucu verir. Geniş ya da uzun bir görsel karenin içine oturtulur, bu da logonuzu kırpmak yerine kenarlarda boş alan bırakır.
16 px'te çalışacak yalnızca 256 piksel vardır: ince çizgiler, gradyanlar ve küçük yazılar kaybolur. Amblemenizde ayrıntı varsa, tam logoyu küçültmek yerine ikon için sadeleştirilmiş bir sürüm hazırlayın.
Üretilen manifest ad, kısa ad, tema rengi ve arka plan rengini kapsar. Uygulamanızın ihtiyaç duyduğu başka her şeyi (scope, start URL, display modu) kendiniz eklersiniz.

Sıkça sorulan sorular

Neden bu kadar çok dosya? Tek bir favicon yetmez mi?

Her platform farklı bir dosyaya başvurur. Tarayıcılar sekmelerde ve yer imlerinde 16 ve 32 px ikonları kullanır, iOS biri sitenizi ana ekranına eklediğinde 180 px'lik apple-touch ikonu kullanır ve Android 192 ve 512 px ikonları bulmak için manifesti okur. Yalnızca birini gönderirseniz diğerleri bulanık ya da jenerik bir şeye geri düşer.

HTML parçacığı ne işe yarar?

Tarayıcılara ikonların nerede olduğunu söyleyen <link> ve <meta> etiketleri kümesidir. Sayfanızın <head> bölümüne yapıştırın. Bu olmadan dosyalar site kök dizininizde durur ve çoğu asla bulunmaz.

Şeffaf mı düz arka plan mı?

Şeffaf daha güvenli varsayılandır ve tarayıcı sekmelerinde doğru görünür. Ambleminiz koyuysa ve koyu bir sekme çubuğuna karşı oturabilirse, ya da iOS ana ekranında ikonun arkasında aynı rengi istiyorsanız düz bir renk seçin, iOS zaten şeffaflığı beyaza düzleştirir.

Görselim herhangi bir yere yükleniyor mu?

Hayır. Yeniden boyutlandırma, ICO paketleme ve manifest tamamı tarayıcınızda oluşturulur, görsel cihazınızdan hiç ayrılmaz.

Reklam

İlgili araçlar

ICO Dönüştürücü

Nasıl çalışır

Kare bir PNG, JPG ya da SVG bırakın, bir logo ya da amblem en iyi sonucu verir.

Dolguyu ve arka planı ayarlayın: şeffaf bırakın ya da onu düzleştiren platformlar için düz bir renk seçin.

Site adını ve kısa adını yazın. Bunlar web manifestine gider, böylece telefonlar sabitlenmiş bir ikonun altında doğru etiketi gösterir.

Üretin, ardından tüm seti tek bir ZIP olarak indirip site kök dizininize bırakın.

Ne için kullanılır

Yeni bir siteye beş boyutu elle dışa aktarmak yerine tek seferde eksiksiz bir ikon seti kazandırmak.

Sekmede keskin görünen ama Android ana ekranında bulanıklaşan bir favicon'u değiştirmek.

İnsanların telefon ana ekranına sabitlemesini istediğiniz bir web uygulaması için ikonları ve manifesti üretmek.

Bilmekte fayda var

favicon.ico (16, 32 ve 48 px içerir), favicon-16x16.png, favicon-32x32.png, 180 px'te apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, bir site.webmanifest ve <head> etiketinize yapıştıracağınız bir HTML parçacığı elde edersiniz.

Kare çalışmalar en iyi sonucu verir. Geniş ya da uzun bir görsel karenin içine oturtulur, bu da logonuzu kırpmak yerine kenarlarda boş alan bırakır.

16 px'te çalışacak yalnızca 256 piksel vardır: ince çizgiler, gradyanlar ve küçük yazılar kaybolur. Amblemenizde ayrıntı varsa, tam logoyu küçültmek yerine ikon için sadeleştirilmiş bir sürüm hazırlayın.

Üretilen manifest ad, kısa ad, tema rengi ve arka plan rengini kapsar. Uygulamanızın ihtiyaç duyduğu başka her şeyi (scope, start URL, display modu) kendiniz eklersiniz.

Sıkça sorulan sorular

Neden bu kadar çok dosya? Tek bir favicon yetmez mi?

HTML parçacığı ne işe yarar?

Şeffaf mı düz arka plan mı?

Görselim herhangi bir yere yükleniyor mu?

Hayır. Yeniden boyutlandırma, ICO paketleme ve manifest tamamı tarayıcınızda oluşturulur, görsel cihazınızdan hiç ayrılmaz.