Chuyển đổi JPG sang Base64

Sơ lược về JPEG

JPEG là định dạng tiêu chuẩn cho ảnh chụp. Định dạng này dùng nén mất dữ liệu, loại bỏ những chi tiết mắt người hầu như không nhận ra, và không hỗ trợ độ trong suốt. Tệp có đuôi .jpg, .jpeg hoặc đôi khi .jfif, nhưng kiểu MIME luôn là image/jpeg; image/jpg không phải kiểu đã được đăng ký, dù nhiều trình duyệt vẫn chấp nhận. Data URI của JPEG bắt đầu bằng data:image/jpeg;base64,/9j/, tức là dấu hiệu bắt đầu ảnh (start-of-image) đã được mã hóa.

Thu nhỏ ảnh chụp trước khi mã hóa

Ảnh chụp là nơi Base64 gây tốn kém nhất: một tệp JPEG 200 KB sẽ thành khoảng 270 KB văn bản. Hai thiết lập tạo ra khác biệt lớn nhất:

• Chiều rộng tối đa. Giảm chiều rộng đi một nửa thì số điểm ảnh chỉ còn một phần tư. Một ảnh chụp bằng điện thoại rộng 4000 điểm ảnh hiếm khi cần dùng ở kích thước đó.
• Chất lượng. Các giá trị khoảng 70 đến 80% thường trông giống bản gốc trên màn hình mà nhỏ hơn nhiều. Giá trị quá thấp sẽ gây ra hiện tượng vỡ khối.

Chuyển sang WebP ở mức chất lượng tương đương thường còn nhỏ hơn nữa. Hãy theo dõi dung lượng sau mã hóa hiển thị với từng thiết lập và giữ lại kết quả nhỏ nhất mà vẫn trông ổn.

Siêu dữ liệu EXIF

Ảnh chụp từ máy ảnh và điện thoại mang theo siêu dữ liệu EXIF: dòng máy, ngày giờ chụp và đôi khi cả tọa độ GPS. Nếu không chuyển đổi, đầu ra Base64 chứa các byte gốc, bao gồm cả siêu dữ liệu, và bất kỳ ai giải mã đều đọc được. Đó lại là điều bạn muốn khi cần đúng tệp gốc, chẳng hạn khi API kiểm tra mã băm hoặc đọc ngày chụp.

Khi chuyển đổi, trình duyệt mã hóa lại các điểm ảnh và dữ liệu EXIF không được giữ lại. Đầu ra nhỏ hơn và không còn tiết lộ nơi ảnh được chụp.

Khi nào data URI JPEG là đáng dùng

Phù hợp nhất là ảnh giữ chỗ làm mờ cỡ nhỏ (ảnh rộng 20 đến 40 điểm ảnh, được nhúng trực tiếp trong lúc ảnh đầy đủ tải chậm), ảnh thu nhỏ trong phản hồi JSON và các bản xuất HTML một tệp. Ảnh banner lớn và thư viện ảnh nên đặt trong tệp riêng để trình duyệt có thể lưu đệm.

# Python
import base64
with open('photo.jpg', 'rb') as f:
    uri = 'data:image/jpeg;base64,' + base64.b64encode(f.read()).decode('ascii')