gabung SVG
☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggahLetakkan berkas SVG Anda di sini
atau klik untuk memilih — hingga 12 berkas SVG
Pratinjau
OneImageTool
Alat Gambar Gratis
gabung SVG
Satukan beberapa berkas SVG menjadi satu. Susun berjajar, menurun, dalam kisi, atau bertumpuk — setiap berkas tetap membawa gradien, filter, dan gayanya sendiri.
atau klik untuk memilih — hingga 12 berkas SVG
Pratinjau
tidak ada yang bocor antarberkas
Dua berkas SVG bisa sama-sama benar sepenuhnya, lalu rusak begitu keduanya berbagi satu dokumen. Keduanya mungkin sama-sama mendefinisikan gradien ber-id "a", dan keduanya mungkin membawa lembar gaya Illustrator yang menamai segalanya .st0. Sambungkan saja, maka gradien kedua diam-diam merujuk ke yang pertama, sementara satu lembar gaya menimpa yang lain — berkasnya terbuka baik-baik saja, hanya tampilannya yang salah.
Alat ini mengganti nama setiap id dan kelas di tiap berkas sumber dengan awalannya sendiri, lalu menulis ulang semua rujukannya: nilai url(), fragmen href, gaya sebaris, dan pemilih di dalam elemen style. Setiap berkas kemudian ditempatkan di dalam svg bersarangnya sendiri, yang memberinya viewport pribadi untuk sistem koordinatnya.
tiga langkah
Tambahkan hingga 12 berkas .svg — semuanya tetap di perangkat Anda.
Baris, kolom, kisi, atau bertumpuk, dengan jarak sesuai keinginan.
Satu SVG yang memuat semuanya.
jawaban singkat
Ya. Id tiap berkas diberi awalan (f1-, f2-, dan seterusnya) dan semua rujukan ke id itu ditulis ulang, sehingga dua berkas yang sama-sama memakai url(#a) berakhir menunjuk ke definisinya masing-masing, bukan berebut satu definisi.
Perlakuannya sama. Hasil ekspor Illustrator dan Figma menamai hampir segalanya .st0 atau .cls-1, jadi benturan kelas justru lebih sering terjadi daripada benturan id — atribut class dan pemilih di dalam elemen style diberi awalan bersamaan.
Bisa — gunakan panah di daftar berkas. Urutan di sana adalah urutan pada tata letak, dari kiri ke kanan dan dari atas ke bawah.
Tidak. Masing-masing mempertahankan dimensinya dan ditempatkan apa adanya; pada susunan baris semuanya dipusatkan secara vertikal, dan pada kisi setiap selnya seukuran berkas terbesar. Gunakan pengubah ukuran SVG lebih dulu bila Anda ingin ukurannya seragam.
Ia menaruh setiap berkas di titik yang sama, dipusatkan saling menindih — berguna untuk menumpuk lencana di atas ikon, atau membandingkan dua versi dari gambar yang sama.
Tidak. Semuanya diurai dan dirakit di browser Anda.