Favicon oluşturucu nasıl kullanılır
- 1
Kaynak seçin
25 MB'a kadar bir logo veya resim yükleyin, 11 yazı tipinden birinde bir ila üç harf yazın ya da bir emoji seçin.
- 2
Simgeyi tasarlayın
Şekilsiz veya düz kareden kurabiye ya da yonca şekline kadar 12 şekil seçeneğinden birini, bir arka plan rengini veya saydamlığı, kenar boşluğunu ve köşe yarıçapını belirleyin.
- 3
Tüm boyutları kontrol edin
Simgeyi 16 ile 192 piksel arasında, açık ve koyu tarayıcı sekmelerinde ve Android'in maskable güvenli alanı içinde önizleyin.
- 4
İndirin ve kurun
favicon.zip dosyasını kaydedin, sitenizin klasörüne çıkarın ve oluşturulan HTML kodunu sayfanın head bölümüne yapıştırın.
Sınırlar ve Pro
Metin veya emojiden sınırsız simge seti; resim kaynakları en fazla 25 MB ve her seferinde bir tane. Her sette 10 dosya bulunur.
Pro, logo resimleri için yükleme sınırını 4 GB'a çıkarır. Pro'yu gör
Favicon oluşturucu hakkında
Favicon oluşturucu, tek bir tasarımdan modern bir web sitesinin ihtiyaç duyduğu tüm simge setini üretir. ZIP dosyasında şunlar bulunur: içinde 16, 32 ve 48 piksellik görseller olan favicon.ico, ayrı 16, 32 ve 48 piksellik PNG'ler, opak arka planlı 180 piksellik apple-touch-icon (iOS kendi yuvarlak köşelerini ekler), 192 ve 512 piksellik Android Chrome simgeleri, içeriği %80'lik güvenli alanın içinde kalan 512 piksellik maskable simge, uygulama adınızı, kısa adınızı ve tema rengini içeren bir site.webmanifest ve link ile theme-color etiketlerini barındıran, yapıştırmaya hazır bir HTML kodu. Tüm PNG'ler kayıpsız olarak optimize edilir.
Yüklenen resimler Lanczos filtresiyle küçültülür; böylece büyük bir logo 16 pikselde bile net kalır, SVG logo ise önce 1.024 pikselde çizilir. Metin simgeleri seçtiğiniz yazı tipiyle, emojiler Noto Color Emoji yazı tipiyle çizilir; sonuç her ziyaretçinin sisteminde aynı görünür. Simgeleriniz sitenin kök dizininde duracak değilse klasörü yazın, örneğin /icons/; kod ve manifest yolları buna göre değişir.
Tipik kullanım alanları yeni bir web sitesi veya blog, ana ekrana eklenen bir web uygulaması, tarayıcı sekmeleri arasında öne çıkması gereken bir iç panel ya da yan proje için hızlı bir geçici simgedir. İnce ayrıntılar ve uzun sözcükler 16 pikselde kaybolur; bu yüzden basit şekiller ve bir ya da iki harf en iyi sonucu verir. Araç dosyaları barındırmaz ve sitenizi düzenlemez; dosyaları kendiniz yüklersiniz.
Gizlilik
Simgeler bu sekmedeki canvas üzerinde çizilir ve sitenin WebAssembly PNG kodlayıcısıyla bir Web Worker içinde kodlanır; yüklediğiniz logo cihazınızdan çıkmaz. Google yazı tiplerinden birini veya emoji kaynağını seçerseniz, düzenlemeye başladığınızda tarayıcı o yazı tipini Google Fonts'tan bir kez indirir; istekte yalnızca yazı tipinin adı yer alır, metniniz asla yer almaz ve sayfa açılırken hiçbir şey çekilmez.
Özellikler
Eksiksiz simge seti
ICO, PNG boyutları, Apple touch icon, Android ve maskable simgeler ile web manifest tek bir ZIP'te.
Resim, metin veya emoji
Kaynak olarak logonuzu, 11 yazı tipinde bir ila üç harfi ya da istediğiniz bir emojiyi kullanın.
Etkileyici şekiller
Kare, yuvarlak köşeli, daire ve sekiz Material şekli; kenar boşluğu ve köşe yarıçapı ayarlarıyla.
Yapıştırmaya hazır HTML
Link etiketleri, tema rengi ve manifest yolları seçtiğiniz klasöre göre oluşturulur.