Pembuat Favicon
Hasilkan semua ukuran favicon yang dibutuhkan sebuah situs dari satu gambar sumber, termasuk berkas ICO multi-resolusi. Peramban, markah, layar utama ponsel, dan bilah tab semuanya meminta ukuran berbeda, dan alat ini membuat set lengkapnya sekaligus. Gratis, tanpa akun, dan tanpa watermark tambahan pada hasil Anda.
Pembuat Favicon
Tambahkan file Anda. Pengaturan yang disarankan sudah siap, jadi Anda bisa memproses dengan sekali klik.
PDF, Word, gambar, audio, video, arsip, dan lainnya
Hingga 100 file · 250 MB · Tanpa akun- 1Tambahkan file
- 2Pilih tindakan
- 3Unduh atau lanjutkan
Kapan Anda memerlukannya
Cara kerjanya
Gambar diletakkan di tengah persegi transparan, tidak pernah dipotong, lalu diubah ke setiap ukuran standar; sumber yang kecil diperbesar agar semua ukuran tetap dibuat. Apple touch icon diberi warna tema Anda di belakangnya, karena iOS mengubah bagian transparan menjadi hitam. Ikon PNG, favicon.ico multi-resolusi, manifest web, dan tag untuk ditempel dikirim bersama dalam satu ZIP.
Detail menghilang pada ukuran 16×16. Ikon yang dirancang sebagai bentuk sederhana terbaca jauh lebih baik daripada logo rumit atau foto yang dikecilkan.
Isi file ZIP
| File | Ukuran | Dipakai oleh |
|---|---|---|
| favicon.ico | 16, 32, 48, dan 64 px | Tab dan bookmark browser, serta apa pun yang langsung meminta /favicon.ico |
| favicon-16x16.png, favicon-32x32.png | 16 dan 32 px | Tab browser, melalui tag di head-snippet.html |
| favicon-48x48.png | 48 px | PNG cadangan untuk CMS atau alat yang memintanya pada ukuran itu |
| apple-touch-icon.png | 180 px | Layar utama iPhone dan iPad |
| android-chrome-192x192.png, android-chrome-512x512.png | 192 dan 512 px | Layar utama Android dan aplikasi web yang bisa dipasang, melalui site.webmanifest |
| site.webmanifest | - | Nama situs, warna tema, dan ikon Android |
| head-snippet.html | - | Tag persis yang perlu ditempel ke <head> halaman Anda |
Memasang set ini
- Unggah semua file ke root situs Anda, sehingga https://situsanda.com/favicon.ico membuka ikonnya.
- Tempel isi head-snippet.html di dalam <head> setiap halaman, atau sekali saja di template situs.
- Nama situs dan warna tema yang Anda isi ditulis ke site.webmanifest dan tag theme-color.
- Browser menyimpan cache favicon dengan kuat. Cek ikon baru di jendela pribadi sebelum menyimpulkan ikon tidak berubah.
Mendapatkan hasil yang tajam
- Gambar yang lebar atau tinggi dimuat di dalam persegi dengan ruang transparan di sekelilingnya, tidak pernah dipotong. Potong dulu ke simbolnya jika Anda ingin logonya memenuhi ikon.
- Mulai dari minimal 512 × 512 px, ukuran ikon terbesar di set ini. Sumber yang lebih kecil tetap mendapat semua ukuran, diperbesar.
- iOS menampilkan bagian transparan ikon layar utama sebagai hitam, jadi apple-touch-icon.png diisi dengan warna tema Anda; ikon lainnya tetap transparan.
- Untuk ikon aplikasi Windows dengan ukuran 128 dan 256 px, gunakan Konverter Gambar ke ICO; set ini dibuat untuk situs web.
Pertanyaan umum
Gambar sumber seperti apa yang sebaiknya dipakai?
Gambar persegi, minimal 512×512, dengan bentuk sederhana dan tegas. Detail halus dan teks kecil hilang pada ukuran favicon.
Apakah saya masih butuh berkas ICO?
ICO tetap pilihan paling luas kompatibilitasnya, terutama untuk peramban lama, sehingga ICO dibuat berdampingan dengan ukuran PNG.
Bagaimana membuat favicon.ico dari PNG atau JPG?
Tambahkan gambarnya lalu unduh ZIP-nya. favicon.ico di dalamnya berisi versi 16, 32, 48, dan 64 px, bersama ikon PNG untuk browser, iPhone, dan Android, manifest web, serta tag untuk ditempel di halaman Anda.
Logo saya lebar. Apakah akan terpotong?
Tidak. Gambar yang lebar atau tinggi dimuat di dalam persegi dengan ruang transparan di sekelilingnya, jadi tidak ada huruf logo teks yang hilang. Untuk ikon yang lebih tegas, potong dulu logonya ke simbolnya.
Apakah transparansi dipertahankan?
Ya, di favicon.ico dan ikon PNG, sehingga ikon tampil baik di bilah tab terang maupun gelap. Pengecualiannya Apple touch icon: iOS akan menampilkan bagian transparannya sebagai hitam, jadi ikon itu diisi dengan warna tema Anda.
Alat gratis terkait
Buka file .ico, lihat setiap ukuran di dalamnya, simpan sebagai PNG, dan tambah atau hapus ukuran.
Ubah gambar PNG, JPG, atau WebP menjadi berkas ikon ICO multi-ukuran untuk Windows.
Ubah ukuran gambar dalam piksel atau persen sambil menjaga rasio aspeknya.
Bulatkan sudut foto dan unduh sebagai PNG atau WebP transparan. Sudut membulat, squircle, atau lingkaran, dengan pratinjau langsung. Gratis, tanpa akun.
Gabungkan banyak gambar menjadi satu sprite sheet PNG dengan transparansi, plus peta JSON berisi posisi dan ukuran setiap gambar. Gratis.