Hướng dẫn Base64: văn bản và hình ảnh

1. Nhập văn bản vào ô đầu tiên rồi chọn mã hóa. Hello trở thành SGVsbG8=. Dán SGVsbG8= vào ô đầu tiên rồi chọn giải mã để nhận lại Hello.

2. Chọn một ảnh bằng hộp chọn tệp. Trình duyệt đọc tệp và hiển thị Data URL trong ô kết quả. Sao chép toàn bộ kết quả, gồm tiền tố data:image/...;base64,.

3. Dùng Data URL trong thuộc tính img src của HTML hoặc url() của CSS. Ví dụ: <img src="data:image/png;base64,..." alt="Mô tả">. Thay dấu chấm bằng dữ liệu ảnh thật. Một số ứng dụng email hạn chế Data URL.

4. Base64 là cách biểu diễn dữ liệu, không phải mã hóa bảo mật. Kích thước tăng khoảng một phần ba, chưa tính tiền tố. Ảnh lớn có thể làm chậm trình duyệt; hãy dùng tệp ảnh thông thường khi phù hợp.