Bir logodan, bir yazı tipi simgesinden veya bir monogramdan eksiksiz bir favicon paketi oluşturun — favicon.ico, modern PNG'ler, Apple touch simgesi, PWA simgeleri, bir web manifesti ve HTML parçacığı.

Bir logo bırakın, bir yazı tipi simgesi seçin veya bir monogram yazın — modern bir web sitesinin ihtiyaç duyduğu her favicon'u oluşturuyoruz: klasik favicon.ico'dan Apple touch simgesine, PWA simgelerine ve kopyalamaya hazır bir HTML parçacığına kadar.

Bir PNG buraya bırakın veya yüklemek için tıklayın
Şeffaf PNG önerilir · JPG / WebP de kabul edilir
64%
Arka plan rengi
0%
Tarayıcı arayüzü ve PWA manifesti tarafından kullanılır.
Siteniz
example.com
Yer imi · 32px
Apple touch · 180px
PWA · 512px

Favicon paketiniz hazır
ZIP indirmesi başladı. Site kök dizininize açın ve HTML parçacığını <head> bölümüne yapıştırın.

Favicon Oluşturucu Hakkında

Favicon Generator, tek bir kaynaktan modern bir web sitesinin ihtiyaç duyduğu her simgeyi oluşturur: bir logo PNG'si yükleyin, bir yazı tipi simgesi seçin veya bir monogram yazın. Paket, klasik favicon.ico (16, 32 ve 48 px), modern PNG favicon'ları, 180 px Apple touch icon, 192 ve 512 px PWA simgeleri, bir site.webmanifest ve HTML head parçacığını içerir.

Biçimlendirme araç içinde yapılır: bir arka plan rengi seçin veya şeffaflığı koruyun, kare, yuvarlatılmış veya daire şekline kırpın, dolguyu ve sanat çalışması boyutunu ayarlayın ve tarayıcı arayüzü ile PWA manifestinde kullanılan tema rengini belirleyin. Canlı bir önizleme, simgenizi gerçek bağlamlarda gösterir — 16 px'lik bir tarayıcı sekmesi, bir yer imi, Apple touch karosu ve bir PWA simgesi.

Her şey tarayıcınızdaki bir canvas üzerinde işlenir ve Oluştur, tüm paketi bir README ile birlikte bir ZIP'e derler. Kurulum iki adımdır: siteniz kök dizinine açın ve sağlanan parçacığı <head> etiketinize yapıştırın.

Favicon Oluşturucu Nasıl Kullanılır

  1. Kaynağınızı seçin: bir PNG logo yükleyin, bir yazı tipi simgesi seçin veya bir monogram yazın.
  2. Biçimlendirin — arka plan rengi veya şeffaflık, şekil, dolgu ve sanat çalışması boyutu.
  3. PWA manifesti için site adını, kısa adı ve tema rengini doldurun.
  4. Önizlemeleri kontrol edin: tarayıcı sekmesi, yer imi, Apple touch ve PWA bağlamları.
  5. "Favicon oluştur"a tıklayın ve paketi web sitenizin kök dizinine açın.
  6. Paketteki HTML parçacığını sayfanızın <head> etiketine yapıştırın.

Sıkça sorulan sorular

Evet — .ico dosyası, tüm PNG boyutları, manifest ve HTML parçacığı dahil eksiksiz paket, oluşturmak ve indirmek için ücretsizdir.

16, 32 ve 48 px katmanlı favicon.ico, modern PNG favicon'ları, 180 px apple-touch-icon, 192 ve 512 px PWA simgeleri, bir site.webmanifest, yapıştırmaya hazır HTML parçacığı ve kurulum adımlarını içeren bir README.

Evet. Tarayıcılar ve tarayıcı botları hâlâ yedek olarak /favicon.ico isteğinde bulunur ve eski istemciler ona güvenir. Paket, bunu modern PNG bağlantılarının yanında gönderir, böylece her ziyaretçi net bir simge görür.

Arşivi, dosyalar alan adı kök dizinine yerleşecek şekilde web sitenizin kök dizinine açın, ardından sağlanan HTML parçacığını sayfalarınızın <head> etiketine yapıştırın. ZIP içindeki README bu adımları tekrarlar.

Manifest ve meta etiketlerine yazılır; mobilde tarayıcı arayüzünü ve kurulu PWA'nın açılış ekranı ile başlık çubuğunu markanızla eşleşecek şekilde renklendirir.

Evet. Bir veya iki harfli bir monogram yazın ve bir yazı tipi ile renkler seçin, ya da yazı tipi simge kütüphanesinden bir glif seçin — üretici, tıpkı yüklenen bir logo gibi bunu her boyutta işler.


Popüler aramalar
favicon oluşturucu favicon.ico yapıcı çevrimiçi favicon oluştur apple touch simgesi PWA simge oluşturucu logodan favicon
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.