Optimizer SVG
Optimalkan file SVG Anda dengan teknologi berbasis AIPerkecil ukuran file hingga 90% tanpa mengurangi kualitas
Seret & lepas file SVG Anda
atau telusuri untuk mengunggah
File harus SVG, maksimal 10MB
Gratis
Pemakaian tanpa batas
Tanpa kartu kredit
Langsung mulai
Tanpa daftar
Langsung pakai
Kenapa Memilih Kami?
Dapatkan hasil terbaik dengan teknologi berbasis AI kami
Optimasi Cepat
Optimalkan file SVG Anda dalam hitungan detik dengan algoritma berbasis AI kami. Performa setingkat perusahaan.
Perkecil Ukuran File
Bersihkan metadata dan kode yang tidak perlu untuk memangkas ukuran hingga 90%. Hasil profesional terjamin.
Kualitas Terjaga
Dapatkan file SVG yang sudah dioptimalkan tanpa mengorbankan kualitas visual. Kontrol kualitas setingkat perusahaan.
Teknologi Berbasis AI
Kami mengoptimalkan file SVG Anda secara cerdas dengan teknologi kecerdasan buatan terbaru. Sistem kami belajar dari ribuan optimasi dan selalu menjamin hasil terbaik.
Tingkat Keberhasilan 99,9%
10.000+ Optimasi
Pemakaian Tanpa Batas
Cara kerja optimasi SVG
File Anda diproses dengan SVGO, optimizer SVG open source yang banyak dipakai, memakai preset bawaannya dalam mode multipass: proses diulang sampai ukuran file tidak mengecil lagi. Inilah yang berubah.
Data tambahan dari editor dan dokumen dibuang
Deklarasi XML, DOCTYPE, komentar, dan blok <metadata> dihapus, begitu pula namespace dan atribut tambahan yang ditulis editor seperti Inkscape, Illustrator, dan Sketch ke dalam file. Deskripsi umum seperti "Created with…" juga dibuang. Semua ini tidak memengaruhi tampilan gambar.
Angka dibulatkan dan data path ditulis ulang
Koordinat dan nilai numerik lainnya dibulatkan hingga tiga angka desimal. Perintah path ditulis ulang dalam bentuk setara yang paling pendek, segmen berlebih dibuang, dan path bersebelahan dengan gaya identik bisa digabung menjadi satu.
Bentuk, grup, dan transformasi disederhanakan
Persegi panjang, garis, dan poligon diubah menjadi path jika hasilnya lebih pendek. Grup dan kontainer kosong dihapus, grup pembungkus yang tidak berguna diratakan, dan transformasi digabung atau diterapkan bila memungkinkan.
Gaya dan warna dirapikan
Warna ditulis dalam bentuk terpendek (misalnya #ff0000 menjadi red), CSS di dalam <style> di-minify, atribut yang hanya mengulang nilai bawaan SVG dihapus, dan elemen tersembunyi atau kosong dibuang.
ID dan definisi yang tak terpakai dihapus
ID yang tidak dirujuk oleh apa pun di dalam file dihapus, begitu juga gradien, pola, dan <defs> lain yang tidak terpakai. ID yang masih dirujuk tetap memakai nama aslinya; namanya tidak dipersingkat.
viewBox dipertahankan, dimensi tetap tidak
viewBox selalu dipertahankan agar grafik berskala dengan benar. Atribut width dan height dihapus, sehingga SVG mengisi kotak apa pun tempat Anda menaruhnya. Hasilnya ditulis dalam satu baris dengan urutan atribut yang konsisten, yang juga membantu gzip.
Apa yang aman dioptimalkan, dan kapan harus berhati-hati
Ikon, logo, dan ilustrasi statis hasil ekspor dari alat desain, termasuk SVG buatan konverter kami, aman dioptimalkan dan biasanya paling diuntungkan. Periksa hasilnya lebih teliti pada kasus berikut.
ID yang dipakai CSS, JavaScript, atau sprite dari luar
Optimizer hanya melihat isi file itu sendiri. Jika stylesheet eksternal, skrip, atau <use href="icons.svg#name"> di halaman lain menargetkan sebuah ID, ID itu tampak tak terpakai dan akan dihapus. File yang memuat elemen <style> atau <script> sendiri tetap mempertahankan ID-nya.
SVG beranimasi
Animasi SMIL atau CSS yang mengubah bentuk data path, atau bergantung pada struktur grup tertentu, bisa rusak ketika path ditulis ulang dan grup diratakan. Animasi sederhana biasanya aman, tetapi selalu pratinjau hasilnya sebelum mengganti file asli.
Teks aksesibilitas
Elemen <title> dihapus. Jika pembaca layar membutuhkan label, tambahkan teks alt pada tag <img> atau aria-label di tempat SVG disematkan.
Layer yang ditampilkan dan disembunyikan lewat kode
Elemen yang disembunyikan dengan display="none" atau opasitas nol dianggap tak terlihat dan dihapus. Jika skrip Anda menampilkannya nanti, optimalkan salinan yang layer-nya tidak disembunyikan.
File yang masih ingin Anda edit
Layer, panduan, dan data editor Inkscape lainnya hilang setelah optimasi. Simpan file sumber untuk pengeditan dan publikasikan salinan yang sudah dioptimalkan.
FAQ optimizer SVG
Apakah optimasi mengubah tampilan SVG saya?
Untuk hampir semua file, tidak. Perubahan hanya membuang data yang tidak ditampilkan dan menulis ulang sisanya dalam bentuk lebih pendek. Satu-satunya efek yang mungkin terlihat berasal dari pembulatan hingga tiga angka desimal, yang bisa tampak pada grafik dengan viewBox sangat kecil yang ditampilkan dalam ukuran besar.
Seberapa kecil ukuran file SVG saya nantinya?
Tergantung asal file tersebut. Ekspor dari alat desain yang berisi metadata, komentar, dan angka desimal panjang sering menyusut banyak, sedangkan file yang sudah di-minify hanya menyusut sedikit. Halaman hasil menampilkan ukuran persis sebelum dan sesudahnya.
Berapa ukuran file maksimum?
Anda bisa mengunggah file SVG hingga 10 MB. Anda juga bisa menempelkan kode SVG langsung di tab Tempel Kode, tanpa perlu mengunggah file.
Mengapa atribut width dan height dihapus?
Optimizer mempertahankan viewBox dan membuang width serta height tetap agar SVG menyesuaikan wadahnya. Jika Anda butuh ukuran tetap, atur width dan height pada tag <img> atau lewat CSS.
Amankah mengoptimalkan SVG yang dipakai dalam sprite atau oleh JavaScript?
Hati-hati. ID yang hanya dirujuk dari luar file akan dihapus karena optimizer tidak bisa melihat rujukan tersebut. Uji file hasil optimasi di tempat pemakaiannya, atau simpan versi asli untuk kasus seperti itu.
Apakah optimizer menghapus informasi aksesibilitas?
Optimizer menghapus elemen <title> dan deskripsi umum bawaan editor. Berikan nama yang dapat diakses di tempat SVG disematkan, misalnya dengan teks alt atau aria-label.