Code chuyển đổi hình ảnh sang chuỗi data base64
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.
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.Đâ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.
Vẫn không hiểu làm sao sử dụng cho blogspot?
ReplyDelete