pangkas SVG
☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggahLetakkan SVG Anda di sini
atau klik untuk memilih — hanya SVG
Pratinjau
pangkas SVG
Seret sebuah kotak di atas SVG Anda untuk memilih bagian yang ingin dipertahankan. Hanya viewBox yang berubah — setiap jalur tetap persis seperti semula, jadi Anda selalu bisa memangkas balik ke luar.
atau klik untuk memilih — hanya SVG
Pratinjau
sebuah jendela, bukan sebilah pisau
SVG menyimpan gambarnya dalam satu sistem koordinat, dan viewBox adalah jendela tempat Anda melihatnya. Geser jendela itu, maka gambarnya sudah terpangkas — tidak ada jalur yang disunting, tidak ada titik yang dihapus, tidak ada yang digambar ulang. Itulah sebabnya hasilnya sempurna pada ukuran berapa pun, dan sebabnya Anda bisa memperlebar jendelanya lagi nanti untuk mendapatkan gambar utuhnya kembali.
Imbalannya, berkasnya tidak menjadi lebih kecil: bagian di luar jendela masih ada di dalamnya, hanya tidak ditampilkan. Jika Anda ingin bagian itu benar-benar hilang, pangkas di sini dulu lalu lewatkan berkasnya ke pengoptimal SVG.
tiga langkah
Pilih berkas .svg — berkasnya tetap di perangkat Anda.
Bingkai bagian yang Anda mau, atau ketikkan angka viewBox yang tepat.
Gambar yang sama, hanya dengan jendela baru untuk melihatnya.
jawaban singkat
Tidak, dan itu memang wajar. Memangkas hanya menggeser viewBox, jadi bentuk-bentuk di luarnya masih ada di dalam berkas — browser saja yang tidak menggambarnya. Lewatkan berkas hasil pangkas ke pengoptimal SVG bila Anda ingin sisanya dibersihkan.
Bisa. Karena tidak ada yang dihapus, membuka kembali berkas hasil pangkas di sini lalu menyeret kotaknya ke luar akan memulihkan gambar utuhnya. Itulah beda nyatanya dibanding memangkas sebuah JPG.
Itu satuan pengguna viewBox — sistem koordinat milik SVG sendiri. Sebuah berkas bisa selebar 24 satuan tetapi dirender pada 512 piksel. Atribut width dan height diskalakan secara proporsional untuk Anda, sehingga berkas hasil pangkas tampil pada ukuran yang Anda harapkan.
Satu viewBox ditambahkan untuk Anda, sesuai width dan height berkasnya. Tanpa viewBox tidak ada jendela yang bisa digeser, jadi pemangkasan tak punya sasaran. Menambahkannya tidak mengubah apa pun secara visual.
Kalau SVG Anda tidak punya atribut width dan height — susunan yang lazim untuk ikon yang ukurannya diatur CSS — maka tetap begitu. Atribut itu hanya ditulis ulang bila memang sudah ada sejak awal.
Tidak. Berkasnya diurai dan ditulis ulang di browser Anda.