Ảnh sang Base64

Bộ chuyển đổi ảnh sang Base64 này biến một tấm hình thành một data URI, tức một chuỗi văn bản dài nhúng thẳng ảnh vào, kèm một đoạn CSS nền dùng được ngay. Bạn có thể nhúng ảnh thay vì liên kết tới một tệp riêng.

Nó chạy tại chỗ trong trình duyệt của bạn, nên ảnh được đọc trên thiết bị và không bao giờ bị tải lên.

Một data URI mang trọn tấm ảnh bên trong phần đánh dấu, nên trình duyệt không phải gửi thêm một yêu cầu mạng riêng để lấy nó. Với những tài nguyên nhỏ như biểu tượng, vòng đi về tiết kiệm được đó có thể khiến trang cảm giác nhanh hơn.

Vướng mắc nằm ở dung lượng và bộ nhớ đệm. Base64 làm phình thêm khoảng 33 phần trăm vì nó biểu diễn dữ liệu nhị phân bằng một bảng chữ cái văn bản hạn chế, và một ảnh đã nhúng không thể lưu đệm riêng, nên nó bị tải lại cùng mọi trang có chứa nó.

Nguyên tắc chung là nhúng những ảnh nhỏ, biểu tượng, logo tí hon hay một tệp sprite, nơi việc tránh được một yêu cầu là đáng với phần phình thêm, và giữ những ảnh lớn hơn dưới dạng tệp thường để trình duyệt lưu đệm và tải song song.

Data URI dùng được ở mọi nơi chấp nhận một URL: thuộc tính src của thẻ img, một nền trong CSS, hay một trường trong JSON hoặc một mẫu email. Nhờ vậy chúng rất tiện cho những đoạn mã khép kín.