Bộ mã hóa SVG sang Base64

Chuyển đổi hình vector SVG sang định dạng mã hóa Base64, hỗ trợ xử lý hàng loạt, có thể nhúng trực tiếp vào HTML và CSS để sử dụng

Báo lỗi

Chế độ chạy trên trình duyệt: Dữ liệu của bạn được xử lý trong trình duyệt và không được tải lên máy chủ.

Tốc độ và ổn định: Tốc độ xử lý phụ thuộc vào thiết bị và trình duyệt. Với tác vụ hàng loạt lớn, phiên bản desktop có thể ổn định hơn.

Đang tải công cụ, vui lòng chờ...

Nếu công cụ trực tuyến không tải hoặc chạy được, hãy thử công cụ máy tính. https://tools.yikeaigc.com/

Mức sử dụng công cụ

Quay lại phiên bản cũ

Hãy đặt tham số trước, rồi nhập SVG; bước 3 chuyển đổi và tải xuống. Tệp hàng loạt chỉ xem trước 20 mục đầu, khi xử lý sẽ áp dụng toàn bộ hàng đợi.

1Tham số đầu ra

Xác nhận loại mã xuất và cách đặt tên tệp trước, rồi chuyển sang bước nhập.

Định dạng đầu ra

Xuống dòng văn bản dài

Tên tệp ZIP

Văn bản alt của thẻ img

Bộ chọn CSS

Kích thước xem trước

Tự thêm khi thiếu xmlns
Tăng tương thích khi tải SVG làm tài nguyên ảnh. Xóa khai báo XML
Giảm dung lượng xuất và tránh một số lỗi phân tích mẫu. Nén cơ bản văn bản SVG
Xóa chú thích và khoảng trắng giữa thẻ, không đổi cấu trúc hình. Hiển thị xem trước kết quả
Xem trước sau chuyển đổi bằng dạng ảnh để tránh chạy trực tiếp nội dung SVG.

Nên đặt định dạng đầu ra trước khi xử lý tệp.

2Nhập nội dung

Có thể chọn tệp SVG hoặc dán một đoạn mã nguồn SVG. Tệp sẽ không được tải lên máy chủ.

Nhấp để chọn tệp SVG hoặc kéo thả tệp vào đây Hỗ trợ chọn một hoặc nhiều tệp .svg; giao diện chỉ hiển thị 20 tệp đầu để kiểm tra.

Mã nguồn SVG

3Nhập xem trước

Vui lòng nhập nội dung SVG trước.

4Chuyển đổi & tải xuống

Sau khi xử lý, có thể sao chép kết quả, tải từng tệp hoặc đóng gói kết quả hàng loạt thành ZIP.

Đang chờ xử lý0

Thành công0

Thất bại0

Dung lượng kết quả0 KB

Vui lòng xác nhận hai bước đầu đã hoàn tất, rồi nhấp bắt đầu chuyển đổi.

5Xem trước kết quả và thao tác từng mục

Kết quả sẽ hiển thị ở đây sau khi chuyển đổi xong.

Hướng dẫn

Hướng dẫn sử dụng phần mềm

Thiết lập tham số chuyển đổi:Trước tiên chọn định dạng đầu ra, có thể tạo Data URI, chuỗi Base64 thuần, thẻ HTML img, thuộc tính CSS background hoặc mã biểu tượng CSS mask.
Cấu hình tùy chọn xử lý:
- Xuống dòng văn bản dài:Có thể chọn không xuống dòng, hoặc xuống dòng theo 76, 120, 160 ký tự.
- Tự động bổ sung xmlns:Khi nút gốc SVG thiếu thuộc tính xmlns, tự động bổ sung để thuận tiện hiển thị dưới dạng tài nguyên hình ảnh.
- Xóa khai báo XML:Dọn dẹp khai báo XML ở đầu SVG, giảm lỗi phân tích cú pháp mẫu.
- Nén cơ bản:Xóa chú thích và khoảng trắng giữa các thẻ để rút ngắn nội dung đầu ra.
Nhập nội dung SVG:Có thể chọn một hoặc nhiều tệp SVG, cũng có thể chuyển sang chế độ dán mã nguồn để nhập trực tiếp mã SVG. Với tệp hàng loạt, chỉ hiển thị 20 tệp đầu tiên để kiểm tra, các tệp còn lại vẫn sẽ được xử lý cùng lúc.
Sử dụng dữ liệu mẫu:Nhấp “Tải SVG mẫu” hoặc “Điền mã nguồn mẫu” để nhanh chóng xem hiệu quả chuyển đổi.
Bắt đầu chuyển đổi:Sau khi vào bước “Chuyển đổi tải xuống”, nhấp “Bắt đầu chuyển đổi”, công cụ sẽ tạo Base64 hoặc mã nhúng tương ứng.
Sao chép và tải xuống:Sau khi chuyển đổi hoàn tất, có thể sao chép từng kết quả, tải xuống từng tệp văn bản, sao chép tất cả kết quả, tải xuống TXT tổng hợp; kết quả hàng loạt có thể được đóng gói thành ZIP để tải xuống.
Lưu cài đặt:Có thể lưu định dạng đầu ra thường dùng, tên tệp ZIP, văn bản alt, bộ chọn CSS và tùy chọn xử lý, để tiếp tục sử dụng khi mở lần sau.

Câu hỏi thường gặp

Đáp: Có thể chuyển biểu tượng SVG hoặc hình vector sang dạng văn bản, nhúng vào HTML, CSS, tệp cấu hình hoặc trang đơn tệp, giúp giảm việc tham chiếu tài nguyên độc lập.

Đáp: Data URI chứa tiền tố data:image/svg+xml;base64,, có thể dùng trực tiếp làm địa chỉ hình ảnh; Base64 thuần chỉ chứa phần nội dung mã hóa, phù hợp với các trường hợp chương trình tự ghép tiền tố.

Đáp: Có thể dùng trong thẻ img của HTML, thuộc tính background-image của CSS, biểu tượng CSS mask, cấu hình kiểu, ví dụ thành phần hoặc đoạn mã tài liệu.

Đáp: Khi một số SVG thiếu xmlns, chúng có thể hiển thị bất thường khi được tải dưới dạng ảnh Data URI. Bổ sung xmlns="http://www.w3.org/2000/svg" giúp cải thiện khả năng tương thích.

Đáp: Không. Base64 chỉ thay đổi cách biểu diễn dữ liệu, không thay đổi nội dung vector của SVG, nên khi phóng to thu nhỏ vẫn giữ đặc tính vector.

Đáp: Tệp kết quả sẽ dùng tên tệp chính của SVG gốc và tạo tệp txt, css hoặc html tùy theo định dạng đầu ra; khi trùng tên, hệ thống sẽ tự động thêm số để phân biệt.

Đáp: Các nguyên nhân thường gặp gồm mã SVG không đầy đủ, tham chiếu tài nguyên bên ngoài, thẻ không chuẩn hoặc phụ thuộc vào kiểu dáng. Nên xuất lại SVG chuẩn trong phần mềm thiết kế trước, rồi mới chuyển đổi.