pisah SVG

Pisah SVG

Pecah satu SVG menjadi bagian-bagian tingkat teratasnya. Pratinjau setiap grup, simbol, dan bentuk, centang yang Anda inginkan, lalu bawa pulang sebagai berkas terpisah.

pisah SVG

☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggah

Letakkan SVG Anda di sini

atau klik untuk memilih — hanya SVG

satu berkas per bagian

Apa yang dihitung sebagai satu bagian

Hanya tingkat teratas berkas yang dipisah, dan hanya bagian yang benar-benar menggambar sesuatu: grup, simbol, jalur, bentuk, teks, dan gambar. Gradien, filter, masker, dan lembar gaya adalah definisi, bukan gambar, jadi keduanya tidak pernah dicantumkan sendiri — sebuah berkas yang hanya berisi gradien akan tampak kosong.

Setiap bagian yang diekspor membawa seluruh definisi dan gaya dari berkas aslinya. Itu membuat tiap berkas lebih besar daripada yang benar-benar diperlukan, dan itu memang pertukaran yang disengaja: bagian yang tampil persis seperti di dalam aslinya lebih berharga daripada bagian yang lebih kecil tetapi kehilangan gradien. Lewatkan hasilnya ke pengoptimal SVG untuk membuang yang tidak terpakai.

tiga langkah

Cara memisah SVG

01

Letakkan SVG

Pilih berkas .svg — berkasnya tetap di perangkat Anda.

02

Centang bagiannya

Setiap bagian dipratinjau persis seperti nanti saat diekspor.

03

Unduh

Satu bagian langsung terunduh, beberapa bagian datang sebagai ZIP.

jawaban singkat

FAQ pisah SVG

Kenapa tiap bagian sebesar berkas aslinya?

Karena ia membawa seluruh blok defs beserta lembar gaya apa pun. Menebak-nebak gradien atau filter mana yang sebenarnya dipakai sebuah bentuk adalah cara yang salah tanpa suara, jadi setiap bagian diberi semuanya. Pengoptimal SVG akan membuang bagian yang tak terpakai dalam sekali jalan.

Tidak ada yang muncul di daftar — kenapa?

Kemungkinan besar seluruh gambar berada di dalam satu grup, dan itu dihitung sebagai satu bagian. Pemisahan sengaja dibatasi ke tingkat teratas; menyelam lebih dalam akan menghasilkan ratusan serpihan dari sebuah ilustrasi biasa.

Apakah ini berfungsi pada sprite ikon?

Ya, justru itu kasus yang paling ditangani dengan baik. Setiap simbol di dalam sprite menjadi berkas mandiri yang memakai viewBox milik simbol itu, jadi Anda mendapat satu ikon yang terpotong rapi per berkas, bukan kanvas kosong.

Apakah tiap bagian dipangkas mengikuti isinya?

Tidak. Setiap bagian mempertahankan viewBox aslinya, jadi posisinya dan skalanya tetap sama seperti saat berada di gambar utuh. Gunakan alat pangkas SVG sesudahnya bila Anda ingin merapatkannya.

Berapa banyak bagian yang bisa ditangani?

Seratus bagian tingkat teratas pertama akan dicantumkan. Lebih dari itu, membangun pratinjaunya memakan waktu lebih besar daripada nilai pemisahannya — ratakan atau kelompokkan berkasnya terlebih dahulu.

Apakah file saya diunggah?

Tidak. Berkasnya diurai dan dipisah di browser Anda, dan ZIP-nya pun dibangun di sana.