pangkas SVG

Pangkas SVG

Seret kotak di atas SVG anda untuk memilih bahagian yang hendak dikekalkan. Hanya viewBox yang berubah — setiap laluan kekal seperti asal, jadi anda sentiasa boleh memangkas kembali ke luar.

pangkas SVG

☞ berjalan sepenuhnya dalam pelayar anda — tiada apa-apa dimuat naik

Lepaskan SVG anda di sini

atau klik untuk pilih — SVG sahaja

sebuah tingkap, bukan sebilah pisau

Apa yang sebenarnya berubah apabila anda memangkas SVG

SVG menyimpan lukisannya dalam satu sistem koordinat, dan viewBox ialah tingkap tempat anda memandangnya. Alihkan tingkap itu, maka imej itu sudah dipangkas — tiada laluan disunting, tiada titik dipadam, tiada apa dilukis semula. Itulah sebabnya hasilnya tepat pada sebarang saiz, dan sebabnya anda boleh melebarkan tingkap itu semula kemudian untuk mendapatkan lukisan penuh.

Timbal balasnya, fail itu tidak menjadi lebih kecil: bahagian di luar tingkap masih ada di dalamnya, cuma tidak dipaparkan. Jika anda mahu ia benar-benar hilang, pangkas di sini dahulu kemudian lalukan fail itu melalui pengoptimum SVG.

tiga langkah

Cara memangkas SVG

01

Lepaskan SVG

Pilih fail .svg — ia kekal pada peranti anda.

02

Seret kotaknya

Bingkaikan apa yang anda mahu, atau taip nilai viewBox yang tepat.

03

Muat turun

Karya yang sama, dengan tingkap baharu untuk melihatnya.

jawapan pantas

Soalan lazim pangkas SVG

Adakah memangkas menjadikan fail lebih kecil?

Tidak, dan itu memang dijangka. Memangkas hanya mengalihkan viewBox, jadi bentuk di luarnya masih berada dalam fail — pelayar cuma tidak melukisnya. Lalukan fail yang dipangkas itu melalui pengoptimum SVG jika anda mahu sisanya dibersihkan.

Bolehkah saya membatalkan pemangkasan?

Boleh. Kerana tiada apa yang dipadam, membuka semula fail yang dipangkas di sini dan menyeret kotaknya keluar akan memulihkan lukisan penuh. Itulah bezanya secara praktikal berbanding memangkas fail JPG.

Kenapa nombornya bukan piksel?

Ia unit pengguna viewBox — sistem koordinat milik SVG itu sendiri. Sesebuah fail boleh berlebar 24 unit tetapi dipaparkan pada 512 piksel. Atribut width dan height diskalakan secara berkadar untuk anda, jadi fail yang dipangkas dipaparkan pada saiz yang anda jangkakan.

Fail saya tiada viewBox

Satu viewBox ditambah untuk anda, sepadan dengan width dan height fail itu. Tanpa viewBox tiada tingkap untuk dialihkan, jadi pemangkasan tiada sasaran. Menambahkannya tidak mengubah apa-apa dari segi rupa.

Adakah ia kekal responsif?

Jika SVG anda tiada atribut width dan height — susunan lazim bagi ikon yang saiznya ditentukan CSS — ia kekal begitu. Atribut itu hanya ditulis semula apabila ia memang wujud dari awal.

Adakah fail saya dimuat naik?

Tidak. Fail itu dihurai dan ditulis semula dalam pelayar anda.