Ưu điểm và nhược điểm khi sử dụng hình ảnh được mã hóa base64

Question

Tôi đang nghĩ đến việc sử dụng hình ảnh được mã hóa base64 cho trang web mà tôi đang làm để tối ưu hóa thời gian tải.

Dù sao, trước khi tôi bắt đầu, tôi đã tự hỏi: những ưu điểm và nhược điểm của việc này là gì?

Hiện tại, tôi không thấy bất kỳ bất lợi nào nhưng tôi cũng nhận thấy rằng đó không phải là kỹ thuật được sử dụng thường xuyên và điều đó khiến tôi tự hỏi liệu tôi có bỏ lỡ điều gì không.

Sau khi googleing chủ đề tôi không tìm thấy bất cứ điều gì rõ ràng vì vậy tôi quyết định hỏi ở đây.

Answer 1

Nó chỉ hữu ích cho những hình ảnh rất nhỏ. Các tệp được mã hóa Base64 lớn hơn bản gốc. Lợi thế nằm ở việc không phải mở một kết nối khác và thực hiện một yêu cầu HTTP đến máy chủ cho hình ảnh đó. Lợi ích này bị mất rất nhanh vì vậy chỉ có một lợi thế cho số lượng lớn các hình ảnh riêng lẻ rất nhỏ.

Answer 2

độ dài thực tế của MIME-compliant dữ liệu nhị phân Base64 mã hóa là thường khoảng 137% chiều dài dữ liệu ban đầu, mặc dù cho thông điệp rất ngắn overhead có thể cao hơn nhiều do các overhead của tiêu đề . Rất gần, kích thước cuối cùng của dữ liệu nhị phân được mã hóa Base64 là bằng 1,37 lần kích thước dữ liệu gốc + 814 byte (đối với tiêu đề).

Nói cách khác, kích thước của dữ liệu được giải mã có thể xấp xỉ với công thức này:

bytes = (string_length(encoded_string) - 814)/1.37 

Nguồn: http://en.wikipedia.org/wiki/Base64#MIME

Answer 3

Một số nhược điểm như sau đã được đề cập trong bài này How much faster is it to use inline/base64 images for a web site than just linking to the hard file?

• Hầu hết các hình thức lưu vào bộ nhớ cache đều bị đánh đập có thể gây tổn hại rất nhiều nếu hình ảnh được xem o ften - say, một logo được hiển thị trên mọi trang, thông thường có thể được lưu trong bộ nhớ cache của trình duyệt.
• Sử dụng CPU khác.

Answer 4

cũng thời gian phản hồi của trang HTML sẽ tăng lên, vì hình ảnh tải asyn trong trường hợp bình thường. ngay cả khi hình ảnh tải trễ bạn có thể bắt đầu thấy văn bản.

Một ưu điểm khác của CDN sẽ bị mất nếu chỉ phương tiện được lưu trong bộ nhớ cache trong CDN

lợi thế đó sẽ bị mất.