Mengonversi SVG ke ICO Scalable Vector Graphics ↔ Icon Gratis Daring Aman
SVG bukan gambar; ia petunjuk untuk menggambar satu. Di sini petunjuk itu dijalankan sekali, pada ukuran yang Anda pilih, lalu hasilnya disimpan sebagai ICO. Penggambaran berjalan di kotak pasir tempat tidak ada apa pun dari berkas itu bisa berjalan, dan tidak ada yang diunggah.
Konversikan berkas Anda
Letakkan SVG di sini, atau pilih satu.
Berkas Anda tidak meninggalkan perangkat ini. Semuanya berjalan di peramban Anda.
Tidak ada unggahan
Apa yang membedakan vektor
SVG bukanlah gambar; ia seperangkat petunjuk untuk menggambar — lingkaran berjari-jari sekian di sini, garis dari sini ke sana, bentuk ini diisi warna itu. Ia menjadi standar web pada 2001, dan karena ia menyimpan gambarannya, bukan hasilnya, dari berkas yang sama yang menampilkan ikon enam belas piksel dapat dicetak sebuah papan reklame. PNG atau JPEG menyimpan kebalikannya: kisi jadi berisi titik-titik berwarna, tanpa ingatan sedikit pun tentang apa yang menggambarnya. Ketaksetangkupan itulah yang menentukan segalanya di halaman ini. Pergi dari vektor ke raster sekadar menggambar petunjuk itu pada ukuran yang dipilih; pergi ke arah sebaliknya adalah penjiplakan — sebuah program menatap kisi titik lalu menerka bentuk apa yang mungkin menghasilkannya.
Di mana Anda menemuinya
Logo, ikon, peta, diagram, dan grafik hidup sebagai SVG, sebab semuanya harus terbaca pada ukuran apa pun dan kerap perlu diwarnai ulang. Favicon dan ikon aplikasi dibuat darinya. Arah sebaliknya dipakai pada saat sebuah vektor harus menjadi gambar datar: program surel yang tak menampilkan SVG, pratinjau di media sosial, dokumen yang akan dicetak orang dengan perangkat lunak lebih tua daripada milik Anda, atau borang unggah yang hanya menerima foto.
Pertanyaan yang sering diajukan
Saya menjiplak sebuah foto dan hasilnya buruk sekali. Mengapa?
Karena penjiplakan memang tak pernah dimaksudkan untuk foto. Ia bekerja dengan mencari daerah berwarna serupa lalu menggambar garis tepi di sekeliling tiap daerah; itu cocok untuk gambar berwarna rata — logo, cetakan sablon, gambar garis — dan gagal pada foto, tempat tiap daerah berangsur melebur ke daerah berikutnya. Penjiplak harus mengarang batas di tempat yang tak punya batas, dan hasilnya berupa bercak bergaya poster dari bidang-bidang rata, atau berkas berisi puluhan ribu bentuk mungil. Untuk foto, tetaplah dengan raster.
Mengapa SVG saya tampak berbeda di program lain?
Biasanya karena huruf. SVG yang memuat teks menyebut huruf berdasarkan namanya dan berharap mesin yang membukanya memilikinya; bila tidak, yang lain disubstitusikan dan tata letaknya bergeser. Obatnya ialah mengubah teks menjadi garis bentuk sebelum mengekspor: tiap huruf menjadi sebuah bentuk dan berkasnya tampak sama di mana-mana — dengan harga teksnya tak lagi dapat disunting atau disorot. Efek lanjut seperti tapis dan ragam pembauran adalah sumber perbedaan yang lazim berikutnya.
Apakah berkasnya kehilangan mutu?
Bergantung pada apa yang sanggup dimuat kedua format. Mengubah antara format yang menyimpan hal yang sama — PNG ke BMP, WAV ke FLAC — tidak kehilangan apa pun. Mengubah ke format yang membuang keterangan demi menghemat ruang, seperti JPEG atau MP3, kehilangan sedikit setiap kali, dan kembali lagi tidak mengembalikannya. Bila ada pilihan, halaman ini condong menjaga mutu asli ketimbang menghasilkan berkas terkecil.
Apakah berkas saya diunggah ke suatu tempat?
Tidak. Konversinya berlangsung di dalam peramban Anda, pada mesin Anda sendiri; berkas itu tak pernah meninggalkannya, dan di sini memang tak ada server yang dapat menerimanya. Karena itu berkas besar dibatasi oleh memori Anda sendiri, bukan oleh unggahan; dan karena itu tak satu pun yang Anda ubah dapat muncul dalam catatan siapa pun — termasuk catatan kami. Alat suara dan video memang mengambil mesin konversinya dari situs ini pada pemakaian pertama — sekitar tiga puluh megabita, sekali saja; setelah itu pekerjaannya tetap berlangsung sepenuhnya di mesin Anda.
Mengapa orang konversi SVG ke ICO
Berkas ICO adalah ikon. Ia gambar kecil yang muncul di tab browser di samping nama halaman, dalam daftar penanda, pada pintasan, dan di sudut jendela program di Windows. Jika Anda menjalankan situs web, Anda menginginkan satu yang membawa merek Anda. Jika Anda membangun program, Anda memerlukannya untuk berkas eksekusinya. Dan jika Anda punya logo, kemungkinan besar itu gambar vektor dalam format SVG. Itulah sebabnya orang konversi SVG ke ICO: mereka punya gambar mereknya, dan mereka memerlukan berkas ikon yang masih diminta browser dan sistem operasi dengan nama.
SVG bukan gambar. Ia seperangkat instruksi untuk menggambarnya: gambar lingkaran di sini, lengkung di sana, isi bentuk ini dengan warna itu. Karena berupa instruksi dan bukan piksel, SVG dapat ditampilkan pada ukuran apa pun tanpa menjadi buram. Ikon, sebaliknya, adalah segenggam gambar kecil yang dibundel dalam satu berkas, masing-masing dibuat untuk ukuran tertentu. Halaman ini mengikuti instruksi SVG Anda sekali untuk setiap ukuran dan mengemas hasilnya ke dalam satu berkas ICO.
Halaman ini mengonversi SVG ke ICO di browser Anda. Gambar dirender dalam kotak pasir di mana tidak ada isi berkas yang dapat berjalan, dan tidak ada yang diunggah. Di bawah Anda akan menemukan cara kerjanya, ukuran apa yang dimuat berkas, mengapa ikon kecil adalah masalah khusus, dan apa yang harus dilakukan.
Cara kerja konversi
Enam ukuran dalam satu berkas
ICO yang dihasilkan memuat enam ukuran dalam satu berkas: 16, 32, 48, 64, 128, dan 256 piksel. Masing-masing digambar ulang dari SVG alih-alih diperkecil dari yang lain, jadi versi 16 piksel adalah instruksi yang diikuti pada 16 piksel, dan bukan salinan menyusut dari yang besar. Semuanya mempertahankan transparansinya. Sistem operasi atau browser kemudian memilih ukuran mana pun yang cocok untuk tempat ikon ditampilkan.
Kotak pasir tempat tak ada yang bisa berjalan
Berkas SVG pada prinsipnya dapat memuat skrip dan rujukan ke hal lain. Agar itu tidak pernah menjadi risiko, gambar dirender dalam kotak pasir di mana tidak ada isi berkas yang dapat berjalan. Hanya bentuknya yang dilukis. Ini aman bahkan untuk berkas yang Anda unduh dari tempat yang tidak sepenuhnya Anda percayai.
Mengapa menggambar ulang lebih baik daripada memperkecil
Ketika Anda memperkecil gambar besar menjadi mungil, detailnya berbaur satu sama lain dan garis berubah abu-abu. Menggambar ulang dari instruksi vektor pada ukuran sasaran memberi hasil paling tajam yang dapat dimiliki setiap ukuran, karena garis ditempatkan langsung pada kisi piksel.
Apa yang dipertahankan
Enam ukuran
Anda menerima 16, 32, 48, 64, 128, dan 256 piksel, yang mencakup tempat di mana ikon biasanya ditampilkan: tab browser, bilah tugas, pintasan desktop, daftar berkas, dan pratinjau besar.
Transparansi
Transparansi dipertahankan di keenam ukuran. Area SVG yang tidak punya isian tetap tembus pandang di ICO, jadi ikon mengambil warna apa pun yang ada di belakangnya.
Bentuk merek
Gambar dipertahankan apa adanya, dengan warna dan bentuknya. Jika SVG tidak persegi, ia disesuaikan ke dalam persegi setiap ikon tanpa diregangkan.
Apa yang perlu Anda ketahui sebelum konversi SVG ke ICO
Ikon adalah gambar yang berbeda
Ikon bukan gambar kecil, ia gambar yang berbeda. Apa pun dengan garis halus atau teks kecil menjadi bubur pada 16 piksel, secermat apa pun dirender. Logo yang tampak sangat baik pada poster mungkin tidak terbaca sebagai favicon. Jika hasilnya tampak keruh, jawabannya adalah SVG yang lebih sederhana, bukan konversi yang lebih baik.
Rancang untuk ukuran terkecil
Ikon terbaik dibuat dengan mengingat ukuran terkecil: satu bentuk tebal, jumlah warna terbatas, tanpa garis rambut, dan tanpa huruf selain satu huruf. Jika bisa, siapkan versi logo Anda yang disederhanakan sebagai SVG terpisah untuk tujuan ini, lalu konversi SVG ke ICO dengan itu.
Font dan gambar dari tempat lain tidak terselesaikan
Font dan gambar yang ditarik SVG dari tempat lain tidak terselesaikan di kotak pasir. Teks yang diatur dalam font web yang dimuat dari server kembali ke font sistem, dan gambar yang ditautkan dari luar berkas akan hilang. Untuk hasil terbaik, ubah teks menjadi kontur dan sematkan gambarnya.
Cara konversi SVG ke ICO di sini
Tambahkan gambar Anda
Jatuhkan SVG ke halaman atau pilih dari perangkat Anda. Ia dibaca di dalam browser Anda dan tidak diunggah.
Konversi
Tekan tombolnya. Keenam ukuran digambar satu demi satu, yang memakan waktu sebentar. Biarkan halaman terbuka sampai selesai.
Unduh dan uji
Unduh ICO dan cobalah di tempat ia akan dipakai. Pada situs web, taruh di folder akar dengan nama favicon.ico, atau tautkan di kepala halaman, dan lihat tab browser. Di Windows, Anda dapat menetapkannya ke pintasan dan melihat bagaimana tampilannya pada berbagai ukuran.
Melihat lebih dekat SVG dan ICO
Vektor dan bundel
SVG adalah satu gambar yang dapat dirender pada ukuran apa pun. ICO adalah wadah dengan beberapa gambar di dalamnya, masing-masing berukuran tetap. Perangkat lunak yang menampilkan ikon memilih gambar yang paling dekat dengan ukuran yang diperlukannya, yang menghindari penskalaan buram. Konversi SVG ke ICO berarti merender gambar pada ukuran yang diharapkan dimuat wadah itu.
Di mana ikon dipakai
Browser memakai ukuran terkecil untuk tab dan yang lebih besar untuk penanda dan halaman tab baru. Windows memakainya untuk bilah tugas, menu Start, dan Explorer. Perangkat seluler punya set ukuran gambar sendiri untuk layar utama, yang biasanya berkas PNG, bukan ICO. Jika Anda menyiapkan ikon aplikasi untuk ponsel, SVG ke PNG pada ukuran yang diminta platform adalah jalur yang lebih baik.
Favicon hari ini
Browser modern menerima PNG dan bahkan SVG sebagai favicon, tetapi ICO tetap menjadi format yang berfungsi di mana-mana, termasuk browser lama, beberapa pembaca umpan, dan alat yang mencari favicon.ico secara otomatis. Memilikinya adalah pilihan yang aman.
Situasi umum secara rinci
Favicon situs web
Konversi SVG ke ICO, simpan berkas sebagai favicon.ico di akar situs Anda dan tautkan. Tab setiap browser akan membawa merek Anda, yang membuat halaman dikenali di antara banyak tab terbuka.
Ikon program Windows
Program di Windows membawa ikon dalam berkas eksekusinya dan dalam pintasannya. Pengembang memerlukan ICO multi-ukuran untuk ini. Keenam ukuran yang Anda terima mencakup persyaratan yang lazim.
Pintasan dan folder
Di Windows Anda dapat memberi pintasan atau folder ikon sendiri. ICO yang dibuat dari logo Anda membuat desktop atau folder proyek Anda lebih mudah dikenali.
Situs bisnis kecil dan blog
Favicon adalah detail kecil yang membuat situs terasa selesai. Jika logo Anda adalah SVG, konversi ini menghasilkan berkas yang diminta pembuat situs untuk Anda unggah.
Saran praktis sebelum Anda konversi SVG ke ICO
Sederhanakan gambar
Hapus garis halus, buang huruf atau simpan satu huruf, dan pakai bentuk tebal. Lihat SVG pada 16 piksel di program gambar Anda sebelum mengonversi, untuk melihat seperti apa ikon terkecil.
Buat gambar persegi
Ikon berbentuk persegi. Jika logo Anda lebar, taruh pada kanvas persegi dengan sedikit margin, agar tidak terpotong dan tidak mungil di dalam persegi.
Periksa kontras
Tab browser bisa terang atau gelap. Merek dengan kontras kuat terhadap kedua latar lebih mudah dilihat. Kontur putih tipis pada merek gelap, atau bentuk berwarna solid, biasanya berhasil.
Simpan SVG
SVG adalah master. Jika Anda memutuskan mengubah ikon nanti, Anda akan memerlukannya untuk konversi SVG ke ICO lagi.
Pertanyaan yang sering diajukan sebelum mengonversi
Mengapa ikon saya tampak buram pada 16 piksel?
Karena 16 piksel sangat sedikit. Garis halus dan teks kecil tidak dapat direpresentasikan di sana. Sederhanakan gambar alih-alih mencari konversi yang lebih baik.
Ukuran apa saja yang dimuat berkas?
16, 32, 48, 64, 128, dan 256 piksel, masing-masing digambar ulang dari SVG, semuanya dengan transparansi.
Apakah transparansinya tetap?
Ya. Latar tembus pandang dalam SVG tembus pandang di keenam ukuran ICO.
Bisakah saya memakai berkas sebagai favicon?
Ya. Beri nama favicon.ico, taruh di akar situs Anda, atau tautkan dari kepala halaman Anda.
Apakah berkas saya diunggah?
Tidak. Konversi berjalan di browser Anda dan berkas tidak pernah meninggalkan perangkat Anda.
Bisakah saya membuat SVG dari ikon?
Ya, sampai taraf tertentu. ICO ke SVG menelusuri ikon menjadi bentuk, meski ukuran kecil membatasi apa yang dapat dipulihkan.
Memilih dengan bijak saat Anda konversi SVG ke ICO
ICO atau PNG?
Untuk favicon yang berfungsi di mana-mana, pilih ICO. Untuk ikon aplikasi di ponsel dan untuk gambar di halaman web, PNG adalah format yang lazim. SVG ke PNG memberi Anda itu.
Pikirkan seluruh set
Jika Anda menyiapkan sebuah merek, Anda mungkin memerlukan logo sebagai PNG, favicon sebagai ICO, dan versi yang dapat dicetak sebagai PDF. SVG ke PDF menjaga gambar tetap sebagai gambar untuk cetak.
Uji pada tab sungguhan
Lihat ikon di tab browser sungguhan, baik pada tema terang maupun gelap. Itulah tempat sebagian besar orang akan menemuinya.
Mendapat hasil yang baik setelah konversi
Bersihkan cache browser
Browser menyimpan favicon untuk waktu lama. Jika Anda mengganti ikon dan masih melihat yang lama, bersihkan cache atau buka situs di jendela pribadi.
Periksa semua ukuran
Jika Anda punya alat yang membuka berkas ICO, lihat setiap ukuran. Merek yang baik pada 256 piksel mungkin tak terbaca pada 16, dan itu memberi tahu Anda apakah perlu menyederhanakan.
Beri nama dengan benar
Browser mencari favicon.ico di akar situs secara bawaan. Pertahankan nama itu kecuali Anda menautkan ke berkas secara eksplisit.
Merancang merek yang bertahan pada ukuran terkecil
Mulai dari kisi 16 piksel
Cara paling andal untuk mendapat hasil yang baik saat Anda konversi SVG ke ICO adalah merancang dengan mengingat ukuran terkecil. Bayangkan kisi enam belas kali enam belas persegi dan tanyakan apa yang dapat Anda taruh di atasnya. Lingkaran, huruf, glif sederhana: ya. Tanda tangan, lambang dengan semboyan: tidak. Ukuran yang lebih besar akan tampak baik apa pun yang Anda gambar, jadi yang kecil adalah kendala yang perlu dirancang.
Pakai bentuk kuat dan sedikit warna
Dua atau tiga warna dengan kontras jelas terbaca lebih baik daripada gradasi banyak warna. Bentuk solid yang mengisi sebagian besar persegi lebih mudah dikenali daripada kontur tipis, karena setiap piksel membawa lebih banyak dari merek.
Sisakan sedikit ruang bernapas
Merek yang menyentuh tepi persegi bisa tampak sesak, dan beberapa sistem menambahkan pembulatan atau batas sendiri. Margin satu atau dua piksel pada ukuran terkecil menjaga bentuk tetap utuh.
Lihat di samping ikon lain
Buka beberapa tab situs terkenal dan bandingkan. Anda akan melihat bahwa ikon yang paling berhasil sangat sederhana. Pinjam disiplin itu sebelum Anda konversi SVG ke ICO, dan hasil Anda akan bertahan di tengah keramaian tab.
Privasi dan penanganan
Mengapa konversi lokal penting untuk gambar
Logo dan merek mungkin rahasia sebelum diterbitkan. Banyak konverter daring mengunggah berkas Anda ke server, memprosesnya, dan mengirim kembali hasilnya, dan untuk sementara salinannya berada di mesin yang tidak Anda kendalikan. Di sini browser Anda sendiri yang bekerja, jadi gambar tetap di perangkat Anda.
Apa yang terjadi saat Anda pergi
Ketika Anda menutup halaman, berkas hasil konversi hilang dari browser, jadi unduh lebih dulu. Tidak ada tentang gambar Anda yang disimpan.
Jika ada yang salah
Ikon keluar kosong
SVG mungkin tidak punya ukuran atau kotak pandang. Buka di editor teks dan periksa bahwa ia punya lebar dan tinggi atau kotak pandang, atau perbaiki di program gambar Anda.
Ikon terpotong
Beberapa SVG punya elemen yang melampaui area yang dinyatakannya. Sesuaikan kotak pandang di aslinya agar semuanya muat di dalam.
Halaman membeku
Semuanya berjalan di perangkat Anda. Coba lagi di komputer, atau dengan gambar yang lebih sederhana.
Alat terkait
Keluarga alat yang sama mencakup pekerjaan di sekitarnya. Untuk gambar pada ukuran pilihan Anda, pakai SVG ke PNG atau SVG ke JPG. Untuk dokumen yang tetap tajam pada zoom apa pun, SVG ke PDF menjaga gambar tetap sebagai gambar. Untuk menelusuri gambar kembali menjadi bentuk, ICO ke SVG, PNG ke SVG, dan JPG ke SVG melakukan tugasnya.
Contoh hitungan
Katakanlah Anda memulai blog kecil, dan logo Anda adalah SVG: daun hijau dengan nama blog di bawahnya. Anda menjatuhkan SVG di sini dan menekan tombol. ICO tiba, dan di tab browser daunnya dapat dikenali, tetapi nama di bawahnya tak terbaca. Anda membuka program gambar, membuat versi dengan hanya daun, konversi SVG ke ICO lagi, dan mengunggah berkas baru sebagai favicon.ico. Tab kini menampilkan daun hijau yang jelas, dan logo lengkap tetap di halaman.
Daftar periksa singkat
Sebelum mengonversi
Sederhanakan gambar. Buat persegi. Ubah teks menjadi kontur dan sematkan gambarnya.
Saat mengonversi
Tetap di halaman sampai berkas siap.
Setelah mengonversi
Uji ICO di tab browser dan di pintasan, pada tema terang dan gelap, dan simpan SVG.
Kesalahan umum
Memakai logo lengkap
Huruf dan detail halus lenyap pada 16 piksel. Pakai merek yang disederhanakan.
Mengharapkan konversi yang lebih baik memperbaiki gambar yang ramai
Kesalahannya ada pada ukuran, bukan pada alat. Sederhanakan SVG.
Melupakan cache
Favicon lama bisa menempel di browser. Bersihkan cache sebelum memutuskan yang baru gagal.
Gambar Anda tetap di perangkat Anda
Konversi terjadi secara lokal. Gambar Anda dibaca oleh browser Anda sendiri, dilukis di sana, dan diserahkan kembali sebagai ICO. Tidak ada yang diunggah, jadi tidak ada salinan yang berakhir di server dan tak seorang pun dapat melihatnya. Untuk merek yang belum diterbitkan, itulah cara aman untuk konversi SVG ke ICO.
Ringkasan
Untuk konversi SVG ke ICO di sini, jatuhkan gambar dan tekan tombol. SVG bukan gambar melainkan instruksi untuk menggambarnya, dan di sini instruksi itu diikuti sekali untuk setiap ukuran dan hasilnya disimpan sebagai ICO. Gambar dirender dalam kotak pasir di mana tidak ada isi berkas yang dapat berjalan, dan tidak ada yang diunggah. Berkas memuat enam ukuran: 16, 32, 48, 64, 128, dan 256 piksel, masing-masing digambar ulang dari SVG alih-alih diperkecil dari yang lain, dan semuanya dengan transparansi. Ikon bukan gambar kecil, ia gambar yang berbeda: apa pun dengan garis halus atau teks kecil menjadi bubur pada 16 piksel secermat apa pun dirender. Jika hasilnya tampak keruh, jawabannya adalah SVG yang lebih sederhana, bukan konversi yang lebih baik. Font dan gambar yang ditarik dari tempat lain tidak terselesaikan.