Pengoptimal SVG (minifier aman)

Perkecil SVG dengan aman, bandingkan pikselnya dan lihat penghematan dengan gzip.

What to do

3 suits icons; use 1 or 2 for large illustrations, 4 or more for tiny or heavily scaled drawings.

Turn off if page CSS or JavaScript outside this file targets IDs inside it.

Off by default: screen readers read the title.

Off by default: it rarely saves much and changes what CSS selectors like rect match.

Size

Paste SVG code or open a file.

Fungsinya

Tempel kode SVG atau buka berkas .svg untuk mendapatkan berkas lebih kecil yang menggambar gambar yang sama. Komentar, data editor (Inkscape, Illustrator, Sketch), metadata, desimal berlebih, atribut bernilai bawaan dan ID tanpa rujukan dibuang; lalu alat ini menggambar kedua versi di browser Anda dan membandingkannya piksel demi piksel. Ukuran sebelum dan sesudah ditampilkan, juga dengan gzip.

Aman sejak rancangan

Atribut bawaan hanya dibuang jika tidak ada induk yang menetapkan properti itu, tidak ada blok <style>, dan elemen tidak berada di <defs> atau <symbol> (sebuah <use> meneruskan isiannya sendiri). ID hanya dibuang jika tidak dirujuk apa pun (href, url(#…), selektor CSS, animasi, ARIA); berkas dengan <script> mempertahankan semua ID. Spasi di dalam <text> tidak disentuh dan angka dibulatkan tanpa galat yang menumpuk; viewBox tidak pernah dibulatkan. Untuk mengubah SVG ke PNG, gunakan pengubah SVG.

Presisi

Tiga desimal cukup untuk ikon pada grid 24 atau 48 unit; ilustrasi besar bisa memakai satu atau dua, dan gambar dengan viewBox sangat kecil perlu empat atau lebih. Jika pemeriksaan piksel menunjukkan perbedaan, naikkan jumlah desimal.

Pertanyaan yang sering diajukan

Apakah SVG saya diunggah?

Tidak. Diproses dan digambar di browser Anda; pratinjau berupa gambar sehingga skrip tidak berjalan.

Apakah hasilnya sama?

Alat ini memeriksanya dengan menggambar kedua versi dan membandingkan setiap piksel.

Haruskah <title> dihapus?

Biasanya tidak: pembaca layar membacanya. Opsi ini mati secara bawaan.