Optimasi SVG (bersihkan dan perkecil berkas SVG)
Tempel atau unggah SVG untuk membuang metadata, komentar, dan data editor, membulatkan desimal, dan memperkecil berkas, dengan perbandingan ukuran dan pratinjau sebelum/sesudah. Skrip dan rujukan eksternal dihapus
Memuat alat…
SVG yang diekspor dari Inkscape atau Illustrator membawa data editor, komentar, dan koordinat dengan banyak desimal, sehingga berkasnya lebih besar daripada yang dibutuhkan gambar. Tempel kode atau letakkan berkas untuk membuang kelebihan itu, melihat byte yang dihemat, dan membandingkan gambar sebelum dan sesudah.
Cara pakai
- Tempel kode ke "Kode SVG" atau letakkan berkas .svg pada kotak di bawahnya.
- Pilih apa yang dihapus di "Opsi". Pengaturan bawaan tidak mengubah gambar; "Hapus title dan desc" dan "Hapus id yang tidak dirujuk apa pun" tetap mati sampai Anda membutuhkannya.
- Turunkan "Jumlah desimal" untuk memendekkan koordinat; satu atau dua desimal cukup untuk ikon.
- Pastikan "Pratinjau sebelum" dan "Pratinjau sesudah" sama, lalu tekan "Salin" atau "Simpan SVG". Dengan beberapa berkas, "Simpan semua sebagai ZIP" mengunduhnya sekaligus.
Cara kerja
- Skrip, atribut event yang diawali on, foreignObject, dan rujukan ke alamat http atau berkas lain selalu dihapus, dan jumlahnya ditampilkan di atas hasil.
- Data editor berarti atribut dan elemen berawalan inkscape: atau sodipodi: serta deklarasi namespace yang tidak dipakai. Penghapusan nilai bawaan hanya menyentuh atribut seperti fill-opacity="1" yang menghasilkan gambar sama bila tidak ada.
- Perapian angka membulatkan nilai path, viewBox, points, transform, dan koordinat ke jumlah desimal yang dipilih; tidak mengonversi koordinat atau menggabungkan bentuk. Semuanya berjalan di browser dan tidak ada berkas yang dikirim ke mana pun.
Pertanyaan umum
- Mengapa SVG jauh lebih besar daripada tampilannya?
- Editor menyimpan tingkat zoom, nama layer, metadata, dan koordinat dengan enam sampai delapan desimal. Pada ikon sederhana itu sering lebih dari separuh berkas, sehingga pembersihan biasanya menghemat 40 sampai 70 persen.
- Bisakah gambar berubah setelah dibersihkan?
- Opsi bawaan hanya menghapus hal yang tidak memengaruhi tampilan. Pembulatan ke 0 atau 1 desimal dapat menggeser garis pada gambar yang sangat kecil, jadi bandingkan kedua pratinjau.
- Mengapa title dan desc dipertahankan secara bawaan?
- Pembaca layar membacanya untuk menjelaskan gambar. Untuk SVG yang murni dekoratif Anda dapat mengaktifkan "Hapus title dan desc".
- Apakah hasilnya sama dengan SVGO?
- Tidak. Alat ini hanya melakukan pembersihan aman seperti menghapus metadata dan membulatkan, tanpa menggabungkan path, tetapi tidak perlu instalasi dan hasilnya dapat diperiksa dengan mata.