SVG → ICO

SVG ke ICO

Bangun .ico multi-ukuran dari sebuah vektor — setiap ukuran dirender dari SVG-nya sendiri, bukan dikecilkan dari satu bitmap besar.

SVG → ICO

☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggah

Letakkan SVG Anda di sini

atau klik untuk memilih — hanya SVG

tajam di 16 piksel

Kenapa berangkat dari vektor sangat penting di sini

Favicon paling sering dilihat pada ukuran 16 piksel. Mengecilkan bitmap 256px ke ukuran itu membuat semua tepi berbaur jadi satu; merender vektor langsung pada 16px membuat browser bisa meletakkan bentuknya persis di atas kisi piksel.

Itulah yang dilakukan halaman ini — satu proses render per ukuran, semuanya dikemas dalam satu .ico. Windows dan browser kemudian memilih sendiri ukuran yang mereka perlukan.

tiga langkah

Cara mengubah SVG ke ICO

01

Letakkan SVG

Pilih berkas .svg — berkasnya tetap di perangkat Anda.

02

Pilih ukuran

Centang ukuran yang ingin disertakan; masing-masing dirender terpisah.

03

Unduh

Simpan .ico dan letakkan di root situs Anda.

jawaban singkat

FAQ SVG ke ICO

Ukuran apa saja yang sebenarnya saya perlukan?

16, 32, dan 48 mencakup tab browser, markah, dan bilah tugas Windows. Tambahkan 256 jika ikonnya akan muncul di tampilan ikon besar Explorer. Menambah ukuran lain hanya membuat berkasnya lebih besar.

Logo saya yang penuh detail jadi buram di 16px

Itu batasan desain, bukan batasan konversi — 16×16 hanya 256 piksel seluruhnya. Favicon yang terbaca dengan baik biasanya berupa satu huruf atau satu bentuk. Pertimbangkan membuat SVG yang disederhanakan khusus untuk ikon.

Apakah ikonnya mempertahankan transparansi?

Ya. Setiap ukuran ditulis sebagai PNG 32-bit di dalam wadah .ico, jadi kanal alfanya bertahan. Matikan sakelarnya jika Anda lebih suka latar solid.

Bagaimana jika SVG saya tidak persegi?

Ia diskalakan agar muat di dalam persegi lalu dipusatkan, dan sisa ruangnya dibiarkan transparan. Ikon lebih mudah dikenali bila gambarnya memang persegi sejak awal.