Ảnh sang Base64
Thả bất kỳ ảnh nào vào công cụ chuyển ảnh sang Base64 này để nhận data URI và đoạn mã dán dùng ngay cho HTML, CSS và JavaScript. Ảnh nhúng giúp tiết kiệm HTTP request cho biểu tượng nhỏ, và rất cần thiết cho HTML một tệp, mẫu e-mail và ứng dụng offline.
Cách chuyển Ảnh sang Base64 trực tuyến
- Chọn tệp ảnh hoặc dán URL ảnh.
- Chọn đầu ra: data URI,
<img>, CSS background, favicon, JSON và nhiều hơn nữa. - Nhấn Mã hóa ảnh sang Base64.
- Xem trước ảnh và sao chép mã.
Thêm công cụ chuyển đổi Ảnh sang Base64
Định dạng đầu ra
Chọn cách bọc kết quả. Công cụ có thể trả về:
- txt: chỉ chuỗi Base64, sẵn sàng dán vào mã, trường cơ sở dữ liệu hoặc API request.
- uri: URI
data:hoàn chỉnh mà bạn có thể dán vào thanh địa chỉ trình duyệt hoặc dùng ở bất kỳ đâu chấp nhận URL. - html img: thẻ
<img>với data URI trongsrc. - css background image: quy tắc CSS dùng
background-image: url(data:...). - html favicon: thẻ
<link rel="icon">cho favicon nhúng. - html hyperlink: liên kết
<a>để tải xuống hoặc mở tệp đã nhúng. - html iframe:
<iframe>hiển thị nội dung ngay trong trang. - javascript image: JavaScript tạo đối tượng
Image. - javascript popup: JavaScript mở nội dung trong cửa sổ mới.
- json: đối tượng JSON chứa tên tệp, MIME type và dữ liệu.
- xml: phần tử XML chứa dữ liệu trong phần CDATA.
Khi nào nên nhúng ảnh dạng Base64?
Hãy nhúng ảnh nhỏ (dưới khoảng 5–10 KB) như biểu tượng, logo và ảnh giữ chỗ để tiết kiệm request. Tránh nhúng ảnh lớn: chúng làm HTML/CSS nặng hơn, không thể cache riêng và làm chậm hiển thị. Xem phân tích chi tiết tại giải thích về data URI.
Câu hỏi thường gặp
Làm sao chuyển ảnh sang Base64?
Chọn ảnh, chọn đầu ra "Data URI" hoặc "<img>" rồi nhấn "Mã hóa ảnh sang Base64". Sao chép kết quả vào HTML hoặc CSS của bạn.
Hỗ trợ những định dạng ảnh nào?
Mọi định dạng trình duyệt của bạn đọc được: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF và nhiều hơn nữa.
Làm sao dùng ảnh Base64 trong HTML?
Đặt data URI vào thuộc tính src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Bình luận (0)
Có câu hỏi, ý tưởng hoặc phát hiện lỗi trong “Ảnh sang Base64”? Hãy để lại bình luận, đánh giá công cụ hoặc trả lời người khác.
Chưa có bình luận nào. Hãy là người đầu tiên chia sẻ ý kiến!