RakkoTools

Favicon & App Icon Generator

Menjana favicon (.ico) dan ikon apl dari imej

Xのアイコン
Tambah ke kegemaran

Apa alat ini boleh

Menukar imej ke dalam fail ikon (ico), imej pelbagai saiz yang boleh digunakan sebagai ikon aplikasi dalam banyak aplikasi mudah alih.

Apa favicon?

Favicon adalah imej ikon kecil yang mewakili sebuah laman web, dan kebanyakannya digunakan dalam senarai penanda buku dalam pelayar web. Biasanya digunakan dalam saiz 16x16px atau 32x32px.

berguna untuk

  • Apabila anda membuat laman web, tetapi jika anda tidak tahu cara membuat favicon, buat dengan satu klik.
  • Apabila membuat aplikasi telefon pintar, buat sekaligus ikon aplikasi sepadan dengan pelbagai model

Untuk menggunakan favicon yang dihasilkan, masukkan kod berikut pada permulaan dokumen HTML

<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">

alat berkaitan