BlurHash - pembuat placeholder gambar buram

 (blurha.sh)
8 poin oleh xguru 2020-02-21 | 3 komentar | Bagikan ke WhatsApp

  • Membaca gambar lalu memburamkannya, kemudian mengubahnya menjadi kode hash sepanjang 20~30 karakter

  • Di web/aplikasi, sebelum gambar dimuat, cukup menerima kode hash terlebih dahulu untuk menampilkan gambar buram lebih dulu, lalu mengambil gambar lewat jaringan dan menampilkannya.

  • Menyediakan kode C/Swift/Kotlin/Python/Typescript

  • Tersedia implementasi pihak ketiga untuk Go/PHP/Java/Clojure/Rust/WASM

Bacaan terkait

3 komentar

 
xguru 2020-02-21

Sejauh ini, dari berbagai cara menangani placeholder gambar yang pernah saya lihat, ini yang paling saya suka. Hasil tampilannya juga bagus.

Saya sempat berpikir bagaimana kalau setiap kali mengunggah gambar di alat administrasi, nama filenya dibuat menjadi kode hash, tetapi base83 encoding agak mengganjal.
 
nemorize 2025-08-28

Saya melihat komentar ini dan berpikir, "suatu hari nanti harus saya terapkan~", lalu baru benar-benar menerapkannya 5 tahun kemudian.
Karena B83 menyertakan karakter spesial seperti ? / # =, saya langsung mengenkode ulang B83 itu menjadi B64-urlsafe haha;

Bahkan jika nilai hash dengan setelan komponen default 43 dienkode ke B64, panjangnya sekitar 40 karakter, jadi ternyata bebannya tidak sebesar yang saya kira,
dan tergantung situasinya, jika dikurangi menjadi sekitar 33 atau 3*2, memang jadi kurang cantik, tetapi bisa diproses dalam sekitar 25 karakter.
 
sduck4 2020-02-21

Oh... kalau begitu, kita bisa menampilkan placeholder hanya dari nama gambarnya sendiri! Ide yang keren. :)