gộp SVG
☞ chạy hoàn toàn trong trình duyệt — không có gì được tải lênThả các tệp SVG của bạn vào đây
hoặc nhấp để chọn — tối đa 12 tệp SVG
Xem trước
gộp SVG
Hợp nhiều tệp SVG thành một. Xếp chúng thành hàng, thành cột, thành lưới hoặc chồng lên nhau — mỗi tệp vẫn giữ chuyển sắc, bộ lọc và kiểu riêng.
hoặc nhấp để chọn — tối đa 12 tệp SVG
Xem trước
không tệp nào lấn sang tệp khác
Hai tệp SVG có thể hoàn toàn hợp lệ khi đứng riêng, rồi hỏng ngay khi cùng nằm trong một tài liệu. Cả hai có thể cùng định nghĩa một chuyển sắc mang id "a", và cả hai có thể cùng mang một bảng kiểu của Illustrator trong đó mọi thứ đều tên .st0. Nối chúng lại thì chuyển sắc thứ hai lặng lẽ trỏ về cái thứ nhất, còn một bảng kiểu thì đè lên bảng kia — tệp vẫn mở bình thường, chỉ là trông sai.
Công cụ này đổi tên mọi id và lớp trong từng tệp nguồn bằng tiền tố riêng của nó, rồi ghi lại mọi tham chiếu cho khớp: giá trị url(), phần định danh trong href, style nội tuyến và các bộ chọn bên trong phần tử style. Sau đó mỗi tệp được đặt trong một svg lồng riêng, tạo cho nó một viewport riêng cho hệ tọa độ của mình.
ba bước
Thêm tối đa 12 tệp .svg — chúng vẫn nằm trên thiết bị của bạn.
Hàng ngang, cột dọc, lưới hay chồng lên nhau, với khoảng cách tùy ý.
Một tệp SVG duy nhất chứa tất cả.
giải đáp nhanh
Còn. Id của mỗi tệp được thêm tiền tố (f1-, f2- và cứ thế) và mọi tham chiếu tới chúng đều được ghi lại, nên hai tệp cùng dùng url(#a) rốt cuộc mỗi bên trỏ về định nghĩa của chính mình thay vì tranh nhau một cái.
Cũng được xử lý y hệt. Bản xuất từ Illustrator và Figma đặt tên gần như mọi thứ là .st0 hay .cls-1, nên đụng độ tên lớp còn phổ biến hơn đụng độ id — thuộc tính class và các bộ chọn bên trong phần tử style được thêm tiền tố cùng lúc.
Được — dùng các mũi tên trong danh sách tệp. Thứ tự ở đó chính là thứ tự trong bố cục, từ trái sang phải và từ trên xuống dưới.
Không. Mỗi tệp giữ nguyên kích thước của mình và được đặt vào nguyên trạng; khi xếp hàng ngang chúng được căn giữa theo chiều dọc, còn trong lưới thì mỗi ô lớn bằng tệp lớn nhất. Hãy dùng bộ đổi kích thước SVG trước nếu bạn muốn chúng bằng nhau.
Nó đặt mọi tệp vào cùng một chỗ, căn giữa và chồng lên nhau — tiện khi cần gắn huy hiệu lên một biểu tượng, hoặc so sánh hai phiên bản của cùng một hình.
Không. Mọi việc phân tích và lắp ghép đều diễn ra trong trình duyệt của bạn.