Bagaimana cara membuat favicon dari logo saya?

Letakkan file PNG, JPEG, WebP, atau SVG, atur opsi seperti Bentuk, Padding, dan Nama aplikasi, lalu klik Buat paket favicon (.zip). Salin cuplikan HTML yang ditampilkan di bawah Tempel ke head Anda.

File apa saja yang ada di ZIP favicon?

favicon-package.zip berisi favicon.ico, ikon PNG (16, 32, 180, 192, dan 512 piksel), site.webmanifest dengan nama aplikasi Anda, dan favicon-snippet.html berisi tag link.

Ukuran dan format gambar apa yang sebaiknya diunggah?

PNG, JPEG, WebP, dan SVG diterima, satu file per kali. Untuk hasil paling tajam gunakan gambar persegi minimal 512x512; PNG transparan atau SVG paling baik.

Bagaimana cara membuat favicon bulat atau bersudut membulat?

Setelah mengunggah, pilih Persegi, Membulat, atau Lingkaran di bawah Bentuk. Anda juga bisa mengatur Padding dari 0 sampai 25 persen dan melihat hasilnya di pratinjau Tab browser.

Apakah gambar saya diunggah, dan mengapa pembuatan gagal?

Ikon digambar dengan Canvas browser dan di-zip dengan JSZip di perangkat Anda. Jika muncul Tidak dapat memuat gambar ini, file mungkin rusak; coba gambar atau browser lain.

Apakah benar-benar gratis?

Ya. Setiap alat gratis digunakan, tanpa akun dan tanpa kartu kredit. Prosesnya berjalan di perangkat Anda, bukan di server kami, itulah yang membuatnya tetap gratis.

Apakah file saya diunggah?

Tidak. File Anda dibuka dan diproses di dalam browser dan tidak dikirim ke LibraTool. Beberapa alat lebih dulu mengunduh mesin pemrosesan atau model AI ke browser Anda; unduhan itu tidak berisi data Anda.

Apakah berfungsi di mobile?

Ya. Berjalan di browser seluler terbaru di iOS dan Android, tanpa perlu memasang apa pun. File yang sangat besar bisa lambat atau kehabisan memori di ponsel, jadi gunakan komputer untuk file tersebut.

🌟

Generator Favicon gratis

Ubah gambar apa pun menjadi paket favicon lengkap: favicon.ico multi-ukuran, ikon sentuh Apple, ikon Android/PWA, manifes web, dan cuplikan HTML siap tempel — semuanya dalam ZIP, di browser Anda.

Ukuran file bergantung pada perangkat AndaFile tetap privatTidak perlu loginGratis selamanya

Letakkan file di sini, atau klik untuk memilih

PNG, JPG, WebP, SVG, HEIC, HEIF · diproses di perangkat Anda

atau tekan Ctrl+V untuk menempel dari papan klip

Jelajahi file

File Anda tidak pernah meninggalkan perangkat. Semua pemrosesan terjadi secara lokal di browser Anda.

💡 Untuk hasil paling tajam, unggah gambar persegi minimal 512×512. PNG transparan atau SVG bekerja paling baik.

Penggunaan umum

Buat Favicon Situs WebHasilkan set favicon lengkap yang diharapkan setiap browser dan perangkat.
Hasilkan Ikon PWA dan ManifestDapatkan ikon 192px dan 512px serta web manifest yang dibutuhkan PWA.
Buat Ikon Apple TouchHasilkan ikon 180×180 yang digunakan iOS ketika situs disimpan ke layar beranda.
Ubah Logo menjadi FaviconKonversi logo merek Anda menjadi favicon yang bersih dan mudah dikenali.
Hasilkan Favicon untuk Framework Apa PunDapatkan file favicon siap pakai untuk React, Next.js, WordPress, dan lainnya.

Cara kerja

Alat ini mengonversi PNG, JPEG, WebP, atau SVG apa pun menjadi paket favicon lengkap — .ico multi-ukuran, Apple touch icon, ikon Android/PWA, web manifest, dan cuplikan HTML siap-tempel — sepenuhnya di dalam browser Anda menggunakan Canvas API dan JSZip. Tidak ada yang diunggah; semua rendering dan perakitan file terjadi secara lokal.

1
Canvas mengubah skala gambar Anda
Browser menggambar gambar sumber Anda ke elemen HTML Canvas di luar layar pada setiap ukuran yang diperlukan (16, 32, 48, 180, 192, dan 512 px). SVG tanpa atribut lebar/tinggi eksplisit dinormalisasi terlebih dahulu via DOMParser dan XMLSerializer sehingga Firefox dan Chrome menghasilkan keluaran piksel yang identik alih-alih kanvas kosong.
2
Encoder ICO tulisan tangan mengemas file .ico
Entri ICO kecil (16, 32, 48 px) dikodekan sebagai bitmap DIB BGRA 32-bit mentah — BITMAPINFOHEADER ditambah baris XOR bottom-up dan mask AND 1bpp — karena komponen shell Windows memerlukan format DIB tak-terkompresi pada ukuran tersebut. Alat ini menulis header direktori ICO dan menggabungkan entri sepenuhnya dengan DataView dan Uint8Array, tanpa library ICO eksternal yang terlibat.
3
Keluaran PNG dihasilkan via canvas.toBlob
Setiap varian PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) ditangkap dengan memanggil canvas.toBlob dengan 'image/png', mendelegasikan pengodean lossless ke mesin gambar bawaan browser. Padding opsional, warna latar, dan pemotongan bentuk (persegi, membulat, atau lingkaran) diterapkan ke konteks kanvas sebelum penangkapan.
4
JSZip menggabungkan semuanya menjadi satu unduhan
JSZip merangkai semua file yang dihasilkan — favicon.ico, kelima PNG, site.webmanifest dengan nama aplikasi Anda, dan favicon-snippet.html dengan tag <link> yang benar — menjadi satu blob .zip yang otomatis terunduh ke perangkat Anda.

Gambar Anda dimuat langsung ke Canvas API browser dan tidak pernah meninggalkan perangkat Anda — tidak ada data file yang dikirim ke server mana pun kapan pun.

Alat terkait

🖼️

Konverter PNG ke Favicon ICO

Konversi gambar PNG, JPG, WebP, atau SVG menjadi file favicon .ico multi-ukuran. Pilih ukuran yang ingin dibundel (16, 32, 48, 64, 128, 256) dan unduh satu .ico.

CobaFile tetap lokal

🎞️

Pembuat GIF Animasi

Gabungkan beberapa gambar menjadi GIF animasi. Penundaan frame, lebar output, perulangan, dan kualitas yang dapat disesuaikan. Dikodekan sepenuhnya di browser Anda.

CobaFile tetap lokal

Populer

✍️

Pembuat Tanda Tangan

Gambar tanda tangan dengan mouse, jari, atau stylus, atau ketik nama Anda dalam font tulisan tangan, lalu ekspor sebagai PNG atau SVG transparan.

Coba