Pembuat Favicon untuk Semua Peramban dan Perangkat
Pembuat favicon ini mengubah satu gambar menjadi semua berkas favicon yang dibutuhkan sebuah website — favicon.ico multi-ukuran, PNG individual dari 16×16 hingga 512×512, Apple Touch Icon, dan manifest PWA. Unggah logo atau gambar, atur tampilannya, lalu unduh paket yang siap pakai.
Alat ini dibuat untuk siapa saja yang merilis sebuah situs: developer, desainer, blogger, dan pemilik usaha kecil yang menginginkan ikon tab peramban yang tajam tanpa harus mengubah ukuran dan mengonversi tiap ukuran satu per satu. Format sumber meliputi PNG, JPG, SVG, WebP, dan GIF, dan Anda bisa mengatur bentuk, jarak dalam, serta warna ikon sebelum mengekspornya.
Cara Membuat Favicon
Unggah gambar Anda
Klik area unggah atau seret dan lepas sebuah berkas. PNG, JPG, SVG, WebP, dan GIF didukung. Untuk hasil paling tajam, gunakan gambar persegi berukuran minimal 512×512 piksel.
Atur tampilannya
Pilih Bentuk — Persegi, Membulat, atau Lingkaran — pilih latar Transparan atau Warna solid, lalu geser penggeser Jarak Dalam (0–40%) untuk memberi ikon ruang napas.
Pratinjau setiap ukuran
Kisi pratinjau menampilkan favicon Anda di setiap ukuran standar, dan mockup tab peramban memperlihatkan persis bagaimana ikon tampak di tab sungguhan. Semuanya diperbarui seketika saat Anda menyesuaikan pengaturan.
Unduh yang Anda butuhkan
Ambil favicon.ico (16/32/48), satu PNG 32×32, ikon Apple Touch 180×180, atau gunakan Unduh Semua untuk ZIP berisi setiap ukuran plus HTML dan sebuah manifest.
Fitur
Unggah Seret & Lepas
Lepaskan sebuah gambar atau pakai pemilih berkas. Menerima berkas sumber PNG, JPG, SVG, WebP, dan GIF.
Pilihan Bentuk
Pilih Persegi untuk favicon klasik, Membulat untuk sudut yang lembut, atau Lingkaran untuk ikon bergaya aplikasi.
Latar & Jarak Dalam
Pertahankan latar transparan atau atur warna solid, lalu sesuaikan jarak dalam dari 0% hingga 40%.
Mockup Tab Peramban Langsung
Lihat persis bagaimana favicon Anda tampil di tab peramban sungguhan, diperbarui seketika saat Anda mengubah pengaturan.
Pratinjau di 8 Ukuran
Periksa ikon pada 16, 32, 48, 64, 128, 180, 192, dan 512 piksel sebelum Anda mengunduh.
Keluaran ICO & PNG
Ekspor favicon.ico dengan 16/32/48 tertanam, satu PNG 32×32, atau ikon Apple Touch 180×180.
Paket ZIP Lengkap
Unduh Semua menggabungkan favicon.ico, ke-8 ukuran PNG, HTML siap tempel, dan sebuah site.webmanifest.
Siap untuk Apple & PWA
Menyertakan apple-touch-icon dan sebuah manifest dengan ikon 192 dan 512 untuk dukungan Android dan PWA.
Privat & Offline
Setiap pengubahan ukuran dan konversi berjalan di peramban Anda — gambar tidak pernah diunggah dan tidak ada yang dilacak.
Pertanyaan yang Sering Diajukan
Berapa ukuran favicon yang tepat?
Mulailah dari gambar persegi berukuran minimal 512×512 piksel agar bahkan keluaran terbesar pun tetap tajam. Ikon tab peramban sendiri biasanya 16×16 dan 32×32, tetapi situs modern juga memakai 48×48, Apple Touch Icon 180×180, serta 192×192 / 512×512 untuk Android dan PWA. Alat ini menghasilkan semuanya dari satu gambar Anda.
Bagaimana cara membuat favicon.ico?
Unggah gambar Anda, atur bentuk, latar, dan jarak dalam, lalu klik unduhan ICO. Alat ini menyusun satu favicon.ico yang menanamkan versi 16×16, 32×32, dan 48×48 — format klasik yang dicari peramban di root situs Anda.
Bisakah membuat favicon dari PNG atau SVG?
Bisa. Anda dapat mengunggah PNG, JPG, SVG, WebP, atau GIF sebagai sumber. PNG beresolusi tinggi atau SVG vektor memberikan hasil paling bersih karena dapat diperkecil ke ukuran kecil tanpa tampak buram. Gambar non-persegi akan disesuaikan dan dipusatkan sambil mempertahankan rasio aspeknya.
Apa beda favicon ICO dan PNG?
ICO adalah format favicon tradisional yang menyimpan beberapa ukuran dalam satu berkas dan didukung peramban secara native. Favicon PNG adalah berkas individual yang dirujuk per ukuran lewat tag link HTML. Untuk kompatibilitas terluas, pakai keduanya: favicon.ico sebagai cadangan plus PNG untuk peramban modern — paket Unduh Semua menyertakan keduanya sekaligus.
Bagaimana cara menambahkan favicon ke HTML saya?
Letakkan berkas favicon yang sudah diunduh di direktori root website Anda, lalu tempel tag link ke dalam <head> halaman Anda. ZIP Unduh Semua menyertakan berkas favicon-usage.html berisi tag <link> yang tepat untuk ikon, Apple Touch Icon, dan manifest, sehingga Anda bisa langsung menyalinnya.
Bentuk mana yang sebaiknya saya pilih?
Persegi adalah tampilan standar untuk kebanyakan website. Membulat menambah sudut lembut untuk kesan modern dan ramah, sedangkan Lingkaran cocok untuk ikon bergaya aplikasi, terutama untuk PWA atau layar beranda ponsel. Kisi pratinjau memungkinkan Anda membandingkan setiap bentuk dengan logo Anda sebelum mengekspor.
Bisakah saya memakai latar transparan?
Bisa — transparan adalah pengaturan bawaan dan cocok untuk logo yang ditampilkan di atas berbagai latar halaman. Beberapa platform, seperti iOS, menempatkan panel putih atau hitam di belakang ikon transparan, jadi jika Anda membuat Apple Touch Icon, Anda mungkin lebih suka mengatur warna latar yang solid.
Belum ada komentar. Jadilah yang pertama berkomentar!