Ảnh sang Base64
Biến ảnh thành chuỗi Base64 để dán thẳng vào HTML, CSS, JSON hoặc mẫu email.
hoặc kéo thả vào đây · tối đa 50 MB, miễn phí
Cần file lớn hơn? Pro chuyển đổi file tới 500 MBVượt giới hạn miễn phí: bạn có thể mở khóa tải về chỉ từ 1,99 €.
Đang xử lý…
File của bạn đã sẵn sàng
Miễn phí · Không cần đăng ký · Không hình mờ · File không rời khỏi thiết bị của bạn
Ảnh sang Base64 trong 3 bước
- Chọn ảnh, hoặc kéo thả vào ô bên trên.
- Chọn kết quả: data URI, Base64 thuần, CSS hoặc thẻ HTML.
- Bấm Chuyển sang Base64, rồi copy đoạn mã hoặc tải về dưới dạng file .txt.
Khi nào nên nhúng ảnh dạng Base64
Base64 viết các byte của file thành văn bản thuần, nên ảnh có thể nằm ngay trong trang HTML, file CSS, dữ liệu JSON hay chữ ký email thay vì là một file riêng. Với icon và logo nhỏ, cách này bớt được một request, và đây cũng là cách duy nhất để gửi ảnh qua một số API và ô nhập liệu chỉ nhận văn bản.
Cái giá là dung lượng: văn bản Base64 lớn hơn ảnh khoảng một phần ba và không thể được cache riêng. Hãy dùng cho ảnh vài kilobyte và giữ ảnh chụp ở dạng file bình thường. Để có đoạn mã ngắn nhất, hãy nén ảnh trước, hoặc dùng SVG cho logo và icon, vốn luôn sắc nét ở mọi kích thước.
Câu hỏi thường gặp
Cách chuyển ảnh sang Base64?
Chọn một ảnh tại đây, chọn định dạng kết quả và bấm Chuyển sang Base64. Đoạn mã hiện ra trong một ô có nút Copy, và bạn cũng có thể tải về dưới dạng file .txt. Công cụ hỗ trợ ảnh JPG, PNG, GIF, WebP, SVG, AVIF, BMP và ICO.
Data URI là gì?
Data URI là văn bản Base64 kèm một tiền tố ngắn cho trình duyệt biết loại file, như data:image/png;base64, rồi đến đoạn mã. Bạn có thể dùng nó ở bất cứ đâu cần URL của ảnh, ví dụ trong thuộc tính src của thẻ img hoặc trong url() của CSS.
Cách dùng Base64 trong HTML hoặc CSS?
Chọn "Thẻ HTML <img>" để có sẵn một phần tử img, hoặc "CSS background-image" để có một dòng dán thẳng vào quy tắc CSS. Cả hai đều chứa đầy đủ data URI, nên ảnh hiển thị mà không cần file riêng.
Vì sao Base64 lại lớn hơn ảnh gốc?
Base64 dùng 4 ký tự văn bản cho mỗi 3 byte, nên đoạn mã lớn hơn file khoảng 33%. Điều đó không sao với icon nhỏ nhưng tăng rất nhanh với ảnh chụp. Hãy nén hoặc giảm kích thước ảnh trước nếu đoạn mã quá dài.
Ảnh của tôi có bị tải lên máy chủ không?
Không. Ảnh được đọc và mã hóa ngay trong trình duyệt trên thiết bị của bạn, nên không bao giờ được gửi cho chúng tôi hay lưu trữ ở bất kỳ đâu. Sau khi trang đã tải xong, công cụ vẫn hoạt động kể cả khi không có kết nối internet.