Hướng dẫn sử dụng Base64.im

1. Tại sao nên sử dụng mã hóa Base64?

Base64 biểu diễn dữ liệu nhị phân bằng văn bản, phù hợp để nhúng biểu tượng nhỏ vào HTML, CSS hoặc bản demo một tệp. Với chữ ký email, hãy kiểm tra khả năng hỗ trợ Data URI của ứng dụng nhận.

2. Các định dạng hình ảnh được hỗ trợ

Hỗ trợ JPEG, PNG, GIF, WebP, SVG và BMP. Công cụ giữ nguyên byte và MIME, không nén, đổi kích thước hoặc chuyển định dạng ảnh.

3. Cách dùng base64.im để chuyển đổi hình ảnh

Chọn tệp hoặc thả vào vùng ảnh. Mỗi lần tối đa 20 ảnh, mỗi ảnh 10 MB. Từng kết quả có nút sao chép và tải xuống riêng.

4. Sử dụng hình ảnh được mã hóa Base64 làm nguồn hình ảnh HTML

Dán toàn bộ kết quả, gồm tiền tố data:image/...;base64,, vào thuộc tính src của img và thêm alt. Nếu không dùng được bảng nhớ tạm, hãy chọn và sao chép thủ công.

<img src="data:image/png;base64,…" alt="…">

5. Sử dụng ảnh mã hóa Base64 làm nền CSS

Đặt Data URI đầy đủ trong url() của CSS background-image. Giữ tiền tố và ký tự đệm. Dấu ba chấm trong ví dụ chỉ minh họa, không phải dữ liệu ảnh hợp lệ.

.image { background-image: url("data:image/png;base64,…"); }

6. Ghi chú

Base64 lớn hơn dữ liệu gốc khoảng một phần ba. Nên dùng ảnh nhỏ và thử trên trình duyệt đích. Ảnh lớn hoặc tái sử dụng thường phù hợp hơn với URL thông thường.