Lompat ke konten
Aback Tools Logo

Optimizer & Editor SVG

Optimalkan, kompres, dan edit grafik vektor SVG online. Hapus metadata editor yang tidak perlu, bulatkan koordinat desimal, dan ubah bentuk node jangkar path secara visual di layar dengan privasi lokal sepenuhnya.

SVG Workspace
Load an SVG vector to compress tags, round path float values, and visually manipulate node points client-side.

Mengapa Menggunakan Optimizer & Editor SVG Kami?

  • Optimasi Sepenuhnya Lokal: File vektor Anda diproses sepenuhnya di memori browser. Tidak ada data yang diunggah ke server jauh, memberi Anda privasi mutlak saat mengoptimalkan ikon sensitif, mockup UI, dan ilustrasi korporat.
  • Pengeditan Jangkar Interaktif: Setel desain vektor secara visual. Beralih ke mode editor untuk melihat node vektor langsung di layar, lalu seret pegangan bulatnya untuk mengubah kurva dan path seketika secara real-time.
  • Kontrol Presisi Desimal: Sesuaikan pembulatan koordinat dari 0 hingga 4 tempat desimal. Membuang detail presisi mikro yang tidak perlu mengompres deskripsi teks path dan mengecilkan ukuran file secara signifikan.
  • Pembersih Metadata Cerdas: Hapus beban ekstra editor tanpa repot. Mesin ini menghapus komentar XML, namespace (seperti metadata Sketch, Inkscape, dan Adobe Illustrator), pembungkus grup yang tak berguna, dan node kontainer kosong secara rekursif.

Memahami Struktur SVG & Kode XML Vektor

Scalable Vector Graphics (SVG) adalah format gambar vektor berbasis XML untuk grafis dua dimensi. Berbeda dari gambar raster (seperti JPEG atau PNG) yang menyimpan nilai warna untuk kisi piksel, SVG berisi koordinat, garis, kurva, dan bentuk yang ditulis dalam kode terstruktur. Konfigurasi berbasis teks ini membuat SVG dapat diperbesar tanpa batas tanpa kehilangan kualitas. Karena berupa file kode, ukuran byte-nya ditentukan oleh panjang string koordinat dan tag XML di dalam hierarki DOM.

Dari Mana Beban XML pada SVG Berasal?

Saat mengekspor ilustrasi vektor dari perangkat desain profesional seperti Adobe Illustrator, Inkscape, atau Figma, perangkat lunak menyisipkan banyak tag pembantu metadata. Header ini memuat konfigurasi editor, koordinat viewport, panduan koneksi, namespace khusus, dan atribut ruang kerja. Meski berguna untuk mengedit di perangkat tersebut, data ini diabaikan sepenuhnya oleh browser. Menghapus namespace dan komentar ini menyisakan file hanya dengan deklarasi gambar geometris murni.

Bagaimana Presisi Desimal Mengompres Vektor

Atribut data path (d) memuat perintah dan angka yang memberi tahu browser di mana menggambar koordinat. Sering editor menghasilkan koordinat dengan presisi float ekstrem seperti 14.2839281. Pecahan mikroskopis ini mewakili bagian subpiksel yang tidak bisa dibedakan mata manusia. Membulatkan koordinat ke 1 atau 2 desimal (misalnya 14.28) membuang derau visual ini, memangkas panjang string teks, dan mengurangi ukuran file SVG sebesar 30% hingga 60%.

Pertanyaan yang Sering Diajukan

Optimizer & Editor SVG adalah alat online gratis untuk mengompres gambar vektor SVG dan mengedit node path-nya. Alat ini beroperasi sepenuhnya di browser Anda, memungkinkan Anda menghapus beban ekstra dari editor, membulatkan koordinat, menyeret node jangkar, dan mengunduh file teroptimalkan seketika.

Alat ini mem-parsing pohon XML SVG dan menghapus namespace editor, tag metadata, komentar, serta elemen kosong. Lalu semua koordinat data path diekstrak dan dibulatkan sesuai presisi desimal pilihan Anda, sehingga ukuran file turun signifikan tanpa mengurangi kesetiaan desain.

Tidak. Untuk menjamin privasi mutlak, Optimizer & Editor SVG berjalan sepenuhnya di sisi klien. Semua parsing XML, pengeditan path, rendering visual, dan pembuatan file terjadi di memori browser Anda. File Anda tidak pernah dikirim ke server eksternal.

Node jangkar adalah koordinat tempat perintah path SVG (seperti garis ke atau kurva ke) mulai dan berakhir. Dengan beralih ke ruang kerja editor, Anda dapat memilih path mana pun untuk melihat node tersebut dan menyeret pegangan bulatnya untuk mengubah bentuk vektor.

Angka koordinat seperti 125.438291 memuat detail berlebihan. Membulatkannya ke 1 atau 2 desimal (misalnya 125.44) membuang nilai subpiksel mikroskopis, mengompres representasi teks koordinat, dan menurunkan ukuran file SVG hingga 50%.

Bisa. Meski dioptimalkan untuk memoles file yang sudah ada, editor interaktif memungkinkan Anda mengubah bentuk path, memodifikasi node jangkar, dan memeriksa perubahan visual secara real-time. Cocok untuk menyetel kurva vektor, ikon, dan ilustrasi.

Ya. Utilitas ini 100% gratis, tanpa registrasi, batas penggunaan, atau tanda air. Anda dapat membersihkan, mengedit, dan mengompres file vektor tanpa batas. Semuanya berjalan instan dan offline di browser modern Anda.