Pengoptimalan SVG
Pilih berkas SVG statis atau tempelkan kode untuk mengoptimalkannya. Bandingkan tampilan, kode, dan ukuran berkas sebelum dan sesudah pengoptimalan, lalu salin hasilnya atau simpan sebagai SVG.
Yang dapat Anda lakukan
Optimalkan ukuran berkas SVG
Bersihkan komentar, metadata dari perangkat lunak penyuntingan, representasi angka, dan konten lainnya.
Periksa sebelum dan sesudah, lalu simpan
Bandingkan tampilan, kode, dan ukuran berkas, lalu salin atau simpan SVG yang sudah dioptimalkan.
Cara menggunakan
Masukkan SVG
Pilih 1 berkas SVG atau tempel kodenya.
Sesuaikan pengaturan bila perlu
Periksa presisi desimal dan informasi yang akan dihapus di pengaturan lanjutan. Biasanya Anda dapat memulai dengan nilai bawaan.
Bandingkan tampilan dan ukuran berkas
Jalankan pengoptimalan lalu periksa perubahan pada tampilan, kode, dan ukuran berkas.
Simpan SVG yang sudah dioptimalkan
Salin kode hasilnya atau unduh sebagai berkas SVG.
Berguna ketika
Perkecil ukuran berkas logo dan ikon
Bersihkan SVG sebelum menerbitkannya di web dan periksa keseimbangan antara tampilan dengan ukuran berkas.
Bersihkan informasi penyuntingan
Hapus metadata dan komentar perangkat lunak penyuntingan sesuai kebutuhan, lalu simpan.
Yang perlu diperiksa saat Mengoptimalkan SVG
Metadata dan tampilan adalah hal terpisah
Anda dapat menghapus informasi perangkat lunak penyuntingan dan komentar. Judul, deskripsi, dan konten serupa dipertahankan sesuai pengaturan.
Saat presisi desimal mengubah bentuk
Pembulatan desimal pada koordinat dan nilai lain dapat mengubah garis tipis atau posisi. Bandingkan sebelum dan sesudah pemrosesan.
Periksa juga CSS dan referensi di tujuan
ID dan viewBox dipertahankan, tetapi kodenya dibersihkan. Jika Anda memakai CSS eksternal atau referensi serupa, periksa tampilannya di tempat SVG benar-benar diterbitkan.
SVG statis didukung
SVG yang memuat skrip, referensi eksternal, gambar tertanam, atau animasi dikecualikan. Referensi yang ada di dalam SVG didukung.
Pertanyaan yang sering diajukan
Apakah ukuran berkas selalu mengecil?
Untuk SVG yang sudah dioptimalkan, ukuran berkas bisa tetap sama atau justru bertambah. Ambil keputusan berdasarkan ukuran berkas hasilnya.
Apakah tampilannya tetap sama?
Bisa berubah tergantung pengaturan seperti presisi desimal. Periksa pratinjau sebelum dan sesudah serta tampilan tempatnya akan diterbitkan.
Bisakah saya juga memeriksa kode aslinya?
Buka “Kode sebelum pengoptimalan” pada hasil untuk memeriksa isi sebelum proses pemrosesan ini.
Penanganan berkas
- Masukan
- Gunakan SVG statis dalam UTF-8. Berkas asli tidak ditimpa.
- Keluaran
- Kode SVG yang sudah dioptimalkan dan berkas .min.svg.