Pembuat favicon
Buat favicon.ico, ikon aplikasi, dan site.webmanifest sekaligus dari gambar atau teks. Anda juga bisa membuat latarnya transparan.
Tanpa unggah · Semua diproses di browser ini
Unduh
- favicon.ico
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- site.webmanifest
Kode untuk ditempel di <head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">Letakkan favicon.ico di root situs dan browser akan menemukannya secara otomatis.
Pertanyaan umum
Apakah gambar saya diunggah ke server?
Tidak. Membaca gambar, menghapus latar, mengubah ukuran, dan membuat ZIP semuanya dilakukan di dalam browser ini.
Bagaimana cara kerja penghapusan latar warna solid?
Piksel yang mirip dengan warna yang dipilih menjadi transparan. Secara default hanya area yang terhubung ke tepi yang dihapus, sehingga warna yang sama di dalam logo tetap ada. Naikkan toleransi untuk menghapus rentang warna yang lebih luas.
File apa saja yang dibuat?
favicon.ico (16, 32, 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, dan site.webmanifest.
Di mana saya harus meletakkan file-nya?
Ekstrak ke root situs Anda dan tempel kode yang disediakan di dalam <head>. Jika favicon.ico ada di root, browser akan menemukannya secara otomatis.