RakkoTools

Favicon ve Uygulama Simgesi Oluşturucu

Görüntüden favicon (.ico) ve uygulama simgeleri oluşturun

Xのアイコン
Favorilere ekle

Bu araç can

Görüntüleri simge dosyalarına (ico), birçok mobil uygulamada uygulama simgesi olarak kullanılabilecek çeşitli boyutlardaki görüntülere dönüştürür.

Favicon nedir?

Favicon, bir web sitesini temsil eden küçük bir simge görüntüsüdür ve çoğunlukla bir web tarayıcısındaki yer imleri listesinde kullanılır. Genellikle 16x16 piksel veya 32x32 piksel boyutunda kullanılır.

İçin yararlı

  • Bir web sitesi oluşturduğunuzda, ancak nasıl bir favicon oluşturacağınızı bilmiyorsanız, tek bir tıklamayla oluşturun.
  • Bir akıllı telefon uygulaması oluştururken, aynı anda bir uygulama simgesi oluşturun çeşitli modellere karşılık gelen

Oluşturulan favicon'u kullanmak için HTML belgesinin başına aşağıdaki kodu ekleyin


<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

ilgili araçlar