Konverter SVG ke ICO
Letakkan SVG di bawah dan dapatkan berkas ICO. Vektor digambar di setiap ukuran yang Anda pilih, dari 16 hingga 256 px, sehingga setiap ikon di dalam .ico dirender untuk grid pikselnya sendiri, bukan diperkecil dari satu bitmap besar. Gunakan hasilnya sebagai favicon.ico atau ikon Windows. SVG yang Anda tambahkan dari perangkat tetap berada di browser Anda.
Periksa SVG Anda sebelum mengonversi
- Tambahkan viewBox. Elemen svg paling luar (root) memerlukan atribut viewBox agar gambarnya bisa diskalakan ke bentuk persegi. Tanpa atribut ini, ikon bisa terpotong, tidak di tengah, atau kosong.
- Ubah teks menjadi outline. Teks yang masih aktif dirender dengan font apa pun yang terpasang di browser. Ubah teks menjadi path di Figma, Illustrator, atau Inkscape agar hurufnya terlihat sama di semua perangkat.
- Sematkan gambar dan gaya. Browser yang menggambar SVG ke kanvas tidak akan memuat gambar tertaut atau stylesheet eksternal, jadi keduanya hilang dari ikon. Sisipkan gambar sebagai data URI dan simpan CSS di dalam berkas.
- Sederhanakan untuk 16 px. Garis yang lebih tipis dari satu piksel akan menjadi abu-abu buram di 16 dan 32 px. Jika ikon lebih sering terlihat di tab browser, pertebal garis tipis dan buang detail halus sebelum mengonversi.
Cara mengonversi SVG ke ICO
- Tambahkan SVG. Seret ke kotak unggah, pilih dari perangkat Anda, atau tempel. Berkas hingga 10 MB diterima.
- Pilih ukuran. Pertahankan 16, 32, dan 48 px untuk favicon. Tambahkan 256 px jika Windows akan menampilkannya sebagai ikon aplikasi.
- Pilih penskalaan. “Contain” menjaga seluruh logo tetap di dalam persegi. Biarkan latar “Transparan”, kecuali Anda ingin ada warna putih di belakangnya.
- Konversi dan simpan. Klik “Konversi”, lalu unduh .ico-nya. Beberapa SVG bisa disimpan bersama sebagai ZIP dengan “Unduh berkas”.
Pertanyaan seputar SVG ke ICO
Mengapa ICO saya kosong atau ada bagian yang hilang?
Biasanya SVG-nya tidak punya viewBox, menautkan gambar atau stylesheet eksternal, atau memakai font yang tidak ada di browser Anda. Perbaiki hal-hal itu di SVG, lalu konversi lagi. Setiap kasus dibahas di panduan pemecahan masalah SVG ke ICO.
Apakah ICO tetap berupa vektor?
Tidak. ICO menyimpan gambar bitmap dalam ukuran tetap, jadi SVG dirasterisasi satu kali untuk setiap ukuran yang Anda pilih. Simpan SVG sebagai berkas master Anda.
Apakah ikonnya akan tajam di 16 px?
Ikon dirender langsung pada 16 × 16, jadi setajam yang dimungkinkan ukuran itu. Detail yang lebih halus dari satu piksel tetap tidak akan terlihat, jadi sederhanakan garis tipis terlebih dahulu.
Apakah sebaiknya saya memakai favicon SVG saja?
Sebagian besar browser saat ini menerima favicon SVG melalui tag link, tetapi banyak alat dan browser lama masih meminta /favicon.ico. Banyak situs memakai keduanya: SVG untuk browser modern dan ICO sebagai cadangan.
Untuk panduan langkah demi langkah beserta tips alat desain, baca panduan SVG ke ICO.
Punya PNG? Gunakan konverter PNG ke ICO.
Berkas JPG, WebP, GIF, BMP, dan AVIF juga bisa dikonversi di konverter ICO di beranda.