Chuyển ảnh sang Base64

Base64 được định nghĩa trong RFC 4648 (2006), ánh xạ mỗi 3 byte dữ liệu nhị phân thành 4 ký tự trong bảng 64 ký tự gồm A–Z, a–z, 0–9, + và /. Kết quả đi qua được mọi kênh thiết kế cho văn bản. Lược đồ data URI, do Larry Masinter viết thành RFC 2397 năm 1998, cho phép trình duyệt coi chuỗi văn bản đó như một file.

Lập trình viên front-end nhúng trực tiếp biểu tượng nhỏ, hình tải trang và ảnh giữ chỗ để trang hiển thị mà không cần thêm yêu cầu. Lập trình viên back-end gửi ảnh trong JSON, vì nhiều API, kể cả dịch vụ nhận dạng hình ảnh và OCR, nhận ảnh dưới dạng trường Base64. Người kiểm thử lưu dữ liệu mẫu trong mã nguồn, còn người làm báo cáo HTML một file hoặc ghi chú Markdown nhúng ảnh chụp màn hình để file vẫn đầy đủ khi gửi email hoặc lưu trữ.

Nhúng trực tiếp giúp tiết kiệm một yêu cầu, điều quan trọng nhất thời HTTP/1.1, khi trình duyệt chỉ mở vài kết nối cho mỗi trang. Với HTTP/2 và HTTP/3 có ghép kênh, các yêu cầu nhỏ thêm vào rất rẻ, nên lợi ích giảm đi trong khi cái giá vẫn còn: ảnh đã mã hóa không thể lưu đệm riêng, bị tải lại mỗi khi HTML hoặc CSS thay đổi, và làm chậm việc phân tích file chứa nó.

Quy tắc hợp lý là chỉ nhúng những ảnh vài kilobyte xuất hiện ở mọi trang, như logo hoặc sprite biểu tượng, còn lại dùng file riêng. Ảnh chụp hầu như không nên nhúng. Nếu bạn thực sự cần một loại file khác chứ không phải văn bản, chuyển đổi ảnh sẽ xử lý việc đó.