Code chuyển đổi hình ảnh sang chuỗi data base64

Có thể bạn thích ?

Khi thiết kế website, chúng ta có thể tối ưu hóa website bằng nhiều cách, một trong cách đó theo mình thấy là chuyển đổi dữ liệu hình ảnh như logo, icon,… (nói chung là các hình ảnh thường dùng trong website) thành chuỗi data base64. Mời các bạn xem và tìm hiểu về tính năng này bên dưới.

Code chuyển đổi hình ảnh sang chuỗi da base64

 
(Đây là hình ảnh đã được mã hóa)

Đây là data base64 của hình ảnh bên trên:

Hình ảnh dạng base64 là hình ảnh đã được mã hóa thành dạng chuỗi data. Với hình ảnh dạng này thì bạn không cần có đường truyền mạng thì vẫn load được hình ảnh.
Ưu điểm :
– Load nhanh vì hình ảnh là dạng chuỗi dữ liệu.
– Vẫn hiển thị hình ảnh khi không kết nối Internet (Bạn hãy ngắt mạng và click vào đây để xem demo)
– Không phụ thuộc vào link hình ảnh (có 1 số plugin dùng cái này, ví dụ JWPlayer….)
Khuyết điểm :
– Do base64 là dạng chuỗi data nên hình ảnh càng lớn thì chuỗi dữ liệu sẽ càng dài -> dẫn tới khó xem trong thiết kế code.

Result

Một bình luận trên “Code chuyển đổi hình ảnh sang chuỗi data base64

Trả lời Quốc Bình Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *


Liên Hệ

Tp Mỹ Tho, Tiền Giang

0919 344 644