BlurHash - Trình tạo placeholder ảnh làm mờ

 (blurha.sh)
8 điểm bởi xguru 2020-02-21 | 3 bình luận | Chia sẻ qua WhatsApp

  • Đọc ảnh, làm mờ rồi chuyển nó thành mã hash dài 20~30 ký tự

  • Trên web/app, trước khi tải ảnh thì chỉ nhận mã hash để hiển thị ảnh mờ trước, sau đó nhận ảnh qua mạng và hiển thị.

  • Cung cấp mã cho C/Swift/Kotlin/Python/Typescript

  • Có các bản triển khai bên thứ ba cho Go/PHP/Java/Clojure/Rust/WASM

Bài viết liên quan

3 bình luận

 
xguru 2020-02-21

Trong các cách xử lý placeholder hình ảnh tôi từng thấy đến nay, đây là cách tôi thích nhất. Kết quả hiển thị cũng đẹp nữa.

Tôi từng nghĩ hay là mỗi lần tải ảnh lên trong công cụ quản trị thì tạo tên tệp bằng mã băm, nhưng phần base83 encoding thì hơi vướng.
 
nemorize 2025-08-28

Đọc bình luận này xong tôi đã nghĩ "để lúc nào đó áp dụng thử vậy~", rồi mãi 5 năm sau mới thực sự áp dụng.
Vì B83 có chứa các ký tự đặc biệt như ? / # =, nên tôi cứ thế mã hóa lại B83 sang B64-urlsafe luôn haha;

Ngay cả khi mã hóa giá trị hash 43 theo thiết lập component mặc định sang B64 thì cũng chỉ vào khoảng 40 ký tự, nên nhìn chung không phải là gánh nặng lớn như tưởng tượng,
Tùy tình huống mà giảm xuống cỡ 33 hoặc 3*2 thì sẽ bớt đẹp hơn, nhưng có thể xử lý trong khoảng 25 ký tự.
 
sduck4 2020-02-21

Ồ... vậy thì có thể hiển thị placeholder ngay bằng chính tên ảnh rồi nhỉ! Ý tưởng rất hay. :)