Satu imej. Setiap skrin.

Penjana Favicon daripada Teks

Ikon kecil. Kesan yang berkekalan.

Cipta favicon daripada huruf atau singkatan nama. Pilih fon dan warna, semak saiz kecil dan muat turun pakej ikon.

PNG ICO PWA

Cipta pek ikon anda

Tukar imej kepada favicon, ikon aplikasi dan banyak lagi.

1Muat naik
2Laraskan
3Muat turun

Menunggu gambar

Imej

Teks

Huruf atau singkatan nama

Fon

Warna teks

Saiz teks

Memproses…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

Laraskan ikon anda

Perhalusi rupa agar sesuai dengan setiap skrin.

Padanan imej

Latar belakang

Lutsinar

Warna padu

#FFDE59

Ruang dalaman6%

Jejari bucu0%

Saiz ICO (boleh pilih beberapa)

256

Lihat semasa digunakan(muat naik untuk pratonton ikon)

Tab pelayar

https://example.com

Skrin utama iOS

Ikon anda di sini

PWA / Android

Ikon anda di sini

Cara membuat favicon dalam 3 langkah

Dari satu imej kepada satu set penuh ikon.

1Huruf atau singkatan nama

Cipta favicon daripada huruf atau singkatan nama. Pilih fon dan warna, semak saiz kecil dan muat turun pakej ikon.

2Laraskan dan pratonton

Pilih padanan, latar belakang dan ruang dalaman. Semak hasil pada saiz kecil.

3Muat turun dan tambah pada laman web anda

Eksport pek ikon, muat naik fail dan tambah pautan ikon pada HTML anda.

Satu logo, bersedia untuk setiap skrin

Lihat di mana fail yang dihasilkan digunakan.

Favicon laman web

Laman web saya×

16 × 16

32 × 32

Ikon 16 × 16 dan 32 × 32 membantu pelawat mengenali laman anda dalam tab dan penanda buku.

iPhone & iPad

Laman web saya

180 × 180

Gunakan ikon apple-touch 180 × 180 apabila laman ditambah pada skrin utama.

PWA & Android

Pasang aplikasi

192 × 192

512 × 512

192 × 192 dan 512 × 512 ialah saiz imej lazim dalam manifes aplikasi web.

Apakah kandungan pek ikon anda?

Set ikon sedia guna untuk semua platform.

favicon.ico16 × 16, 32 × 32, 48 × 48, 256 × 256
apple-touch-icon.png180 × 180
icon-192.png192 × 192
icon-512.png512 × 512
site.webmanifestManifes aplikasi web

Tambah ikon pada laman web anda

Letakkan pautan ini dalam HTML <head> anda.

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">