Satu gambar. Setiap layar.

Pembuat Favicon dari Teks

Ikon kecil. Kesan yang bertahan lama.

Buat favicon dari huruf atau inisial. Pilih font dan warna, periksa ukuran kecil, lalu unduh paket ikon.

PNG ICO PWA

Buat paket ikon Anda

Ubah gambar menjadi favicon, ikon aplikasi, dan lainnya.

1Unggah
2Sesuaikan
3Unduh

Menunggu sebuah gambar

Gambar

Teks

Huruf atau inisial

Font

Warna teks

Ukuran teks

Memproses…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

Sesuaikan ikon Anda

Sesuaikan tampilan agar cocok di setiap layar.

Penyesuaian gambar

Latar belakang

Transparan

Warna polos

#FFDE59

Jarak dalam6%

Radius sudut0%

Ukuran ICO (boleh pilih beberapa)

256

Lihat saat digunakan(unggah untuk melihat pratinjau ikon)

Tab browser

https://example.com

Layar utama iOS

Ikon Anda di sini

PWA / Android

Ikon Anda di sini

Cara membuat favicon dalam 3 langkah

Dari satu gambar ke set lengkap ikon.

1Huruf atau inisial

Buat favicon dari huruf atau inisial. Pilih font dan warna, periksa ukuran kecil, lalu unduh paket ikon.

2Sesuaikan dan lihat pratinjau

Pilih penyesuaian, latar belakang, dan jarak dalam. Periksa hasilnya pada ukuran kecil.

3Unduh dan tambahkan ke situs Anda

Ekspor paket ikon, unggah file, dan tambahkan tautan ikon ke HTML Anda.

Satu logo, siap untuk setiap layar

Lihat di mana file yang dihasilkan digunakan.

Favicon situs web

Situs saya×

16 × 16

32 × 32

Ikon 16 × 16 dan 32 × 32 membantu pengunjung mengenali situs Anda di tab dan bookmark.

iPhone & iPad

Situs saya

180 × 180

Gunakan ikon apple-touch 180 × 180 saat situs ditambahkan ke layar utama.

PWA & Android

Instal aplikasi

192 × 192

512 × 512

192 × 192 dan 512 × 512 adalah ukuran gambar yang umum digunakan dalam manifest aplikasi web.

Apa isi paket ikon Anda?

Set ikon yang siap digunakan 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.webmanifestManifest aplikasi web

Tambahkan ikon ke situs web Anda

Letakkan link ini di 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">