Konversi ICO ke SVG

Masukkan ikon Windows atau favicon ke dalam file .svg untuk alat yang hanya menerima SVG. Piksel ikon tetap berupa piksel, jadi halaman ini juga menjelaskan cara mendapatkan path vektor sungguhan atau sekadar PNG yang lebih besar.

atau jatuhkan file JPG, JPEG, JPE … di sini ·

Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit

Keluaran

Konversi ke

File diproses di server kami dan dihapus setelah 30 menit.

Cara menggunakan alat ini

1
Unggah file .ico
Favicon.ico dari situs web atau ikon dari program Windows. Hingga 20 file per batch.
2
Tekan Konversi ke SVG
Gambar terbesar yang tersimpan di ICO ditempatkan di dalam dokumen SVG dengan transparansi tetap utuh.
3
Tentukan langkah berikutnya
Pakai SVG apa adanya, trace untuk mendapatkan path yang bisa diskalakan, atau ambil PNG jika Anda hanya memerlukan gambarnya.

Jawaban

Apakah konversi ICO ke SVG membuat ikon bisa diskalakan?

Tidak. ICO hanya memuat bitmap, jadi SVG membungkus yang terbesar, lengkap dengan piksel dan transparansinya. Untuk ikon yang tetap tajam di ukuran berapa pun, lakukan trace; untuk file gambar yang lebih besar, ambil PNG-nya.

Halaman ini

SVG pembungkus

Bitmap terbesar dari ICO di dalam file .svg.

Tampak persis seperti ikonnya
Transparansi dipertahankan
Kabur saat diperbesar

Trace

SVG hasil trace

Tepian diubah menjadi path vektor oleh konverter gambar ke SVG.

Bisa diskalakan ke ukuran apa pun
Warna dan bentuk bisa diedit
Detail kecil bisa tersederhanakan

Ekstrak

PNG dari ICO

Gambar ikon terbesar disimpan sebagai PNG.

Bisa dibuka di mana saja
Lossless dan transparan
Ukuran piksel tetap

ICO ke SVG: pembungkus piksel, bukan vektor

Format ICO berasal dari Windows 1.0 pada 1985 dan menjadi format favicon ketika Internet Explorer 5 mulai mencari /favicon.ico pada 1999. Satu file memuat beberapa bitmap persegi agar Windows dan browser bisa memilih ukuran yang pas: 16 px untuk tab browser, 32 atau 48 px untuk taskbar dan desktop, dan, sejak Windows Vista, gambar 256 px yang disimpan sebagai data PNG terkompresi. Di mana pun dalam struktur itu tidak ada path, kurva, atau isian.

SVG, format W3C sejak 2001, bisa memuat dua jenis konten: bentuk vektor dan bitmap tertanam. Saat ICO dikonversi, satu-satunya hasil yang jujur adalah jenis kedua. SVG mendapat lebar dan tinggi ikon serta satu elemen image berisi pikselnya, sehingga tampilannya persis seperti ICO di browser, Figma, atau slide. Perbesar tampilannya dan Anda akan melihat piksel yang sama, karena tidak ada yang digambar ulang.

Ukuran ikon di dalam ICO, dan mengapa yang terbesar penting

1:1

16 × 16 px

Favicon tab browser

Terlalu kecil untuk di-trace dengan baik

1:1

32 × 32 px

Tab layar padat, taskbar

Ukuran teratas yang umum pada favicon.ico

1:1

48 × 48 px

Ikon desktop (Windows)

Ada di sebagian besar ikon program

1:1

256 × 256 px

Tampilan ikon besar

Sumber terbaik untuk trace atau PNG

ICO

Ikon Windows

ICO adalah format ikon Microsoft yang digunakan untuk ikon program Windows dan favicon situs web. Satu file .ico dapat berisi beberapa gambar dengan ukuran berbeda, seperti 16×16, 32×32, 48×48, dan 256×256 piksel, sehingga sistem dapat memilih yang paling sesuai. Setiap gambar dapat disimpan sebagai bitmap atau data PNG dan mendukung transparansi alfa penuh. ICO tidak ditujukan untuk foto atau karya grafis berukuran besar. Browser, Windows, dan sebagian besar editor ikon dapat membacanya.

Kompresi: Lossless
Transparansi: Ya
Animasi: Tidak
Diperkenalkan: Microsoft

Konverter ICO

SVG

Scalable Vector Graphics

SVG adalah format vektor berbasis XML yang distandardisasi oleh W3C pada 2001. Alih-alih piksel, format ini menggambarkan bentuk, path, dan teks, sehingga tetap tajam di ukuran berapa pun dan biasanya sangat kecil untuk logo dan ikon. SVG mendukung transparansi, gaya CSS, skrip, dan animasi, dan setiap browser merendernya secara native. SVG tidak cocok untuk foto, dan ilustrasi yang kompleks bisa menjadi lambat dirender. Illustrator, Inkscape, Figma, dan browser dapat membuka serta mengeditnya.

Kompresi: –
Transparansi: Ya
Animasi: Ya
Diperkenalkan: 2001 · W3C

Konverter SVG

Orang mencari ICO ke SVG ketika alat desain, pustaka ikon, atau template situs web meminta SVG sementara satu-satunya salinan logo berupa favicon atau ikon Windows; biasanya ini langkah pertama menuju vektor hasil trace.

Men-trace ikon menjadi path SVG sungguhan

Jika tujuannya adalah logo yang bisa diskalakan, SVG pembungkus paling-paling hanya batu loncatan. Proses ikon dengan konverter gambar ke SVG: alat ini mengikuti tepian warna dan menuliskannya sebagai path yang bisa Anda ubah ukurannya, warnai ulang, dan potong. Hasilnya bergantung pada ukuran sumber, sehingga gambar 256 px dari ikon program jauh lebih baik di-trace daripada favicon 16 px. Panduan kami tentang cara mengubah PNG ke SVG membahas berapa banyak warna yang perlu dipertahankan dan cara menghaluskan kurva.

Jika Anda hanya ingin memakai ikon di dokumen atau editor, lewati SVG sepenuhnya dan ambil gambar terbesar sebagai PNG dengan ICO ke PNG. Untuk arah sebaliknya, dari logo vektor menjadi favicon multi-ukuran, gunakan SVG ke ICO.

Pertanyaan seputar ICO ke SVG

Bisakah file ICO menjadi SVG vektor sungguhan?

Tidak hanya dengan konversi. ICO hanya menyimpan bitmap, dari 16 × 16 hingga 256 × 256 px, jadi tidak ada bentuk yang bisa dibawa. Path sungguhan harus di-trace dari pikselnya, dan itulah yang dilakukan konverter gambar ke SVG.

Ukuran mana di dalam .ico saya yang masuk ke SVG?

Yang terbesar, karena detailnya paling banyak. Favicon.ico biasa berhenti di 32 atau 48 px, sedangkan ikon aplikasi Windows umumnya menyertakan versi 256 px.

Apakah SVG hasil konversi ICO bisa dipakai sebagai favicon situs web?

Chrome dan Firefox menerima favicon SVG, tetapi SVG yang hanya berisi bitmap 32 px tidak memberi keuntungan apa pun dibanding ICO awal Anda. Favicon SVG baru bermanfaat jika berisi path sungguhan yang tetap tajam di layar berkepadatan tinggi.

Mengapa trace favicon menghasilkan bentuk yang menggumpal?

Ikon 32 px hanya memiliki 1.024 piksel, dan trace menebak kurva dari tepiannya. Makin sedikit piksel, makin kasar tebakannya. Trace gambar 256 px dari ikon Windows, atau cari logo aslinya, untuk mendapatkan garis luar yang bersih.

Apakah latar transparan ikon tetap ada di SVG?

Ya. Gambar ICO membawa kanal alfa, dan SVG mempertahankannya, sehingga ikon tampil di atas latar apa pun yang disediakan halaman atau alat desain.

Bisakah ikon dalam SVG ini diwarnai ulang di Inkscape atau Figma?

Tidak per bentuk, karena SVG hanya memuat satu gambar tertanam. Anda bisa menerapkan filter atau overlay pada gambar itu secara keseluruhan; untuk warna per bentuk, trace terlebih dahulu.