BerandaAlat DesainPenampil dan Pengoptimal SVG

Penampil dan Pengoptimal SVG

SVG Viewer dan Optimizer menampilkan markup SVG yang Anda tempel sebagai pratinjau langsung dan memperkecilnya dengan menghapus deklarasi XML, komentar, elemen title, desc, dan metadata, serta spasi berlebih, sambil menunjukkan ukuran yang berhasil dihemat.

Tentang alat ini

SVG Viewer dan Optimizer menampilkan markup SVG yang Anda tempel sebagai pratinjau langsung dan memperkecilnya dengan menghapus deklarasi XML, komentar, elemen title, desc, dan metadata, serta spasi berlebih, sambil menunjukkan ukuran yang berhasil dihemat.

Cara menggunakan

  1. Tempel kode SVG Anda ke kotak input.
  2. Lihat pratinjau langsungnya.
  3. Klik Optimize SVG untuk memperkecilnya dan melihat pengurangan ukuran.
  4. Salin hasilnya atau unduh sebagai file .svg.

Perlu diketahui

  • Editor seperti Illustrator dan Inkscape sering menambahkan komentar, metadata, dan spasi yang tidak dibutuhkan browser.
  • Menghapus markup ini biasanya membuat SVG jauh lebih kecil tanpa mengubah tampilannya.
  • Optimizer ini menghapus elemen title dan desc; pertahankan title jika SVG membutuhkan nama yang aksesibel.
  • Pratinjau menampilkan SVG sebagai gambar, sehingga skrip di dalam file tidak dijalankan.
  • File SVG terkompresi dengan baik menggunakan gzip atau Brotli di server web Anda.

Berjalan sepenuhnya di browser Anda — apa pun yang Anda masukkan tidak diunggah atau disimpan.

Pertanyaan umum

Bagaimana cara membuka file SVG?

Buka di browser modern mana pun, atau tempel kodenya di sini untuk melihat pratinjaunya seketika.

Bagaimana cara memperkecil ukuran file SVG?

Hapus metadata editor, komentar, dan spasi yang tidak perlu — itulah yang dilakukan Optimize SVG. Untuk penghematan lebih besar, alat seperti SVGO juga bisa menyederhanakan path.

Apakah aman menempelkan kode SVG di sini?

Ya. SVG diproses dan ditampilkan hanya di browser Anda, dan ditampilkan sebagai gambar sehingga skrip yang tertanam tidak dijalankan.

Apakah optimasi akan mengubah tampilan SVG saya?

Tidak. Hanya konten non-visual seperti komentar, metadata, dan spasi yang dihapus; bentuk dan warna tetap sama.