Cara kerja kompresor SVG
SVG yang disimpan dari Illustrator, Inkscape, Figma, atau Sketch biasanya membawa banyak hal yang tidak pernah dipakai browser: metadata editor, komentar, layer tersembunyi, nilai bawaan yang ditulis lengkap, dan koordinat dengan delapan angka desimal atau lebih. Alat ini membuang semua itu dengan SVGO, pengoptimal SVG open source yang diandalkan sebagian besar build tool dan aplikasi desain, sehingga gambarnya terlihat sama tetapi filenya lebih kecil.
SVGO memproses file dalam beberapa tahap. Alat ini menggabungkan dan memperpendek path, membulatkan angka ke presisi pilihan Anda, meringkas grup yang tidak perlu, menghapus elemen kosong, dan menulis ulang warna dalam bentuk terpendeknya. viewBox dipertahankan, jadi SVG tetap bisa diskalakan ke ukuran berapa pun, dan ID yang dirujuk bagian lain file dipersingkat dengan rujukannya ikut diperbarui, sehingga gradien dan mask tetap berfungsi.
Presisi adalah satu-satunya pengaturan yang penting. Tinggi mempertahankan tiga angka desimal, yang tidak terlihat pada ukuran normal apa pun dan menjadi pilihan aman untuk ikon dan logo. Seimbang mempertahankan dua, dan Terkecil mempertahankan satu, yang cocok untuk ilustrasi besar karena sepersepuluh unit jauh di bawah satu piksel, tetapi bisa membuat ikon yang sangat kecil berubah bentuk. Jika hasilnya terlihat janggal, kompres ulang file asli dengan presisi yang lebih tinggi.
Pengoptimal ini, sekitar 200 KB, dimuat saat pertama kali Anda menekan tombol. SVG Anda dibaca dan ditulis ulang di dalam tab ini dan tidak pernah diunggah, dan ini penting untuk logo yang belum dirilis dan karya klien.
Penjelasan opsi Kompresor SVG
| Tinggi | Tiga angka desimal. Aman untuk ikon, logo, dan apa pun yang kecil. |
|---|---|
| Seimbang | Dua angka desimal. Bagus untuk sebagian besar ilustrasi. |
| File terkecil | Satu angka desimal. Untuk karya berukuran besar; periksa ikon kecil setelahnya. |
| Dipertahankan | viewBox, ID yang dirujuk, gradien, mask, dan tampilan gambar. |
| Dihapus | Metadata editor, komentar, elemen tersembunyi dan kosong, presisi yang berlebihan. |
Kapan menggunakannya
Kompres SVG sebelum memasang ikon dan logo di situs web, tempat setiap kilobyte menambah waktu muat halaman, sebelum menyisipkan SVG secara inline di HTML atau komponen React, sebelum meng-commit aset desain ke repositori kode, atau saat formulir unggahan membatasi ukuran file.
Simpan SVG asli yang bisa diedit untuk aplikasi desain Anda. Optimasi menghapus data editor seperti nama layer dan guide, jadi buka kembali file asli saat Anda perlu mengedit karya tersebut.
Tentang pengoptimal SVG
SVGO, singkatan dari SVG Optimizer, adalah alat open source di balik optimasi SVG di sebagian besar build tool web, dan di aplikasi desain yang menawarkan ekspor teroptimasi. Alat ini mengurai SVG menjadi struktur pohon, menjalankan serangkaian langkah pembersihan yang sudah teruji, lalu menuliskannya kembali, berulang sampai tidak ada lagi yang bisa dihemat. Setiap langkah yang diambil di sini adalah langkah yang membuat gambar tetap terlihat sama, itulah sebabnya pengaturan bawaannya dipercaya di lingkungan produksi. Versi yang digunakan di halaman ini berjalan sepenuhnya di browser, dimuat dari CDN jsDelivr saat pertama kali Anda menggunakan alat ini.
Pemecahan masalah Kompresor SVG
"sudah dioptimalkan; dikembalikan tanpa perubahan"
SVG tersebut sudah dioptimalkan, jadi tidak ada yang bisa dihapus tanpa mengubahnya. File aslinya dikembalikan.
Sebagian gambar bergeser atau melengkung
Ikon yang sangat kecil bisa bergeser pada presisi rendah. Kompres ulang file asli dengan presisi Tinggi.
"bukan file SVG"
File tidak berisi gambar SVG. File yang diekspor sebagai SVG tetapi hanya membungkus gambar bitmap juga tidak bisa diperkecil banyak; kompres gambar di dalamnya saja.
Cara memakai kompresor SVG, langkah demi langkah
- Tekan "Pilih file SVG" atau seret file ke kotak.
- Atur opsi jika perlu; pengaturan bawaan cocok untuk sebagian besar keperluan.
- Tekan "Kompres SVG". Prosesnya berlangsung di perangkat Anda.
- Simpan hasilnya dengan tombol unduhnya.
Apakah aman melakukan ini secara online?
Pada sebagian besar alat online, "online" berarti file Anda diunggah ke server sebuah perusahaan, diproses di sana, dan disimpan untuk beberapa waktu sebelum dihapus. Di sini tidak demikian. Halaman ini mengunduh kode alat ke browser Anda, dan file Anda dibaca serta diproses di dalam tab di perangkat Anda sendiri. File tidak pernah dikirim ke TapToConvert atau pihak lain.
Anda bisa memeriksanya sendiri: setelah halaman dan mesinnya selesai dimuat, matikan Wi-Fi dan alat ini tetap berfungsi. Itu juga berarti tidak ada antrean, tidak ada batas harian, dan tidak ada batas ukuran file dari server; satu-satunya batas adalah memori yang diberikan browser Anda untuk satu tab.
FAQ Kompresor SVG
Apakah kompresi akan mengubah tampilan SVG saya?
Pada presisi Tinggi, tidak ada perubahan yang terlihat. Presisi yang lebih rendah membulatkan koordinat lebih jauh, yang bisa membuat detail yang sangat kecil melengkung.
Seberapa kecil hasilnya nanti?
SVG yang diekspor dari aplikasi desain sering menyusut 30 sampai 70 persen. SVG yang sudah dioptimalkan hanya menyusut sedikit atau tidak sama sekali.
Apakah SVG yang sudah dikompres masih bisa diedit?
Bisa, tetapi nama layer, guide, dan pengaturan editor sudah hilang. Simpan file aslinya untuk diedit.
Apakah file saya diunggah?
Tidak. SVGO berjalan di browser Anda, jadi SVG tidak pernah keluar dari perangkat Anda.
Apakah gratis?
Ya. Tanpa pendaftaran, tanpa watermark, dan tanpa batas pemakaian. TapToConvert didukung oleh iklan.
Apakah file saya diunggah?
Tidak. Semuanya terjadi di dalam tab browser Anda, di perangkat Anda sendiri.