Tạo Data URI
Đổi file bất kỳ (ảnh, SVG, phông chữ, PDF, âm thanh) hoặc đoạn SVG thành data URI để nhúng thẳng vào HTML, CSS. Có Base64 hoặc mã hoá URL gọn hơn cho SVG.
Cách tạo data URI
- Chọn, kéo thả hoặc dán file (tối đa 5 MB). Muốn dùng đoạn SVG hay chữ, chọn "Văn bản" rồi dán vào.
- Kiểm tra loại file (MIME) và cách mã hoá: Base64 cho mọi file, mã hoá URL cho SVG và chữ (thường ngắn hơn).
- Chọn dạng cần dùng: data URI, CSS, thẻ img, favicon hay link tải về, rồi bấm sao chép.
Câu hỏi thường gặp
Để nhúng file nhỏ (icon, logo SVG, phông chữ) thẳng vào HTML hay CSS, trang không phải tải thêm file riêng. Hợp với file vài KB; file lớn làm trang nặng và khó lưu cache.
Với SVG và chữ, mã hoá URL thường ngắn hơn Base64 và vẫn đọc được. Ảnh PNG, JPG, phông chữ và các file khác chỉ dùng được Base64.
Base64 biến mỗi 3 byte thành 4 ký tự nên dài hơn khoảng 33%. Dung lượng trước và sau hiện ngay trên kết quả.
Ảnh sang Base64 dành cho ảnh. Công cụ này nhận mọi loại file và cả đoạn SVG hay chữ dán vào, cho sửa loại file và có sẵn đoạn code cho CSS, favicon, link tải về.
Hoàn toàn miễn phí, không cần đăng ký.
Công cụ liên quan
Giải mã Data URIXem và tải file từ data URI hoặc Base64Chuyển ảnh sang Base64Nhúng ảnh vào HTML, CSS bằng Base64Tra cứu MIME typeTra MIME type theo đuôi, kiểm tra loại fileTạo slugBiến tiêu đề thành đường dẫn gọn cho URLTạo mã UUIDTạo mã định danh UUID ngẫu nhiênĐổi mã màuĐổi qua lại giữa mã màu HEX, RGB, HSLThử biểu thức chính quy (Regex)Thử regex, tô sáng chỗ khớp, xem nhóm và thay thếTạo regexLấy regex có sẵn cho email, số điện thoại, ngày…Giải thích regexĐọc hiểu từng phần của một regex