Icon Workshop1Unggah gambar Anda
Mulai dengan logo yang jelas atau simbol sederhana. Gambar persegi memberikan hasil terbaik.
Satu gambar. Setiap layar.
Pembuat favicon dan ikon aplikasi
Ikon kecil. Kesan yang bertahan lama.
Konversikan gambar menjadi favicon situs, ikon aplikasi, dan paket ikon siap pakai.
PNG ICO PWA
Buat paket ikon Anda
Ubah gambar menjadi favicon, ikon aplikasi, dan lainnya.
- 1Unggah
- 2Sesuaikan
- 3Unduh
Letakkan gambar Anda di sini
PNG, JPG atau SVG · Hingga 5 MB
Gambar Anda diproses dalam browser web Anda. Ia tidak pernah meninggalkan perangkat Anda.
Sesuaikan ikon Anda
Sesuaikan tampilan agar cocok di setiap layar.
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.
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 × 1632 × 32Ikon 16 × 16 dan 32 × 32 membantu pengunjung mengenali situs Anda di tab dan bookmark.
iPhone & iPad
Situs saya180 × 180Gunakan ikon apple-touch 180 × 180 saat situs ditambahkan ke layar utama.
PWA & Android
Instal aplikasi192 × 192512 × 512192 × 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">Pertanyaan yang sering ditanyakan
Apa itu favicon?
Gambar kecil yang mewakili situs Anda di tab browser dan bookmark.
Format gambar apa yang harus saya gunakan?
PNG cocok untuk logo transparan. JPG, WebP, dan SVG yang aman juga dapat digunakan.
Bisakah saya menggunakan gambar yang bukan persegi?
Ya. Pilih 'Sesuaikan', 'Pangkas', atau 'Regangkan' untuk membuat ikon persegi.
Mengapa beberapa ukuran ikon dimasukkan?
Browser dan layar utama menggunakan ukuran berbeda. Ikon kecil tetap jelas di tab; ikon besar cocok untuk pintasan aplikasi.