BlurHash - Bulanık görüntü yer tutucu üreticisi

 (blurha.sh)
8 puan yazan xguru 2020-02-21 | 3 yorum | WhatsApp'ta paylaş

  • Görüntüyü okuyup bulanıklaştırdıktan sonra bunu 20~30 karakterlik bir hash koduna dönüştürür

  • Web/uygulamada görüntü yüklenmeden önce yalnızca hash kodunu alıp önce bulanık görüntüyü gösterir, ardından ağı üzerinden asıl görüntüyü alıp görüntüler.

  • C/Swift/Kotlin/Python/Typescript kodu sunuluyor

  • Go/PHP/Java/Clojure/Rust/WASM için üçüncü taraf uygulamalar mevcut

İlgili okumalar

3 yorum

 
xguru 2020-02-21

Şimdiye kadar gördüğüm görüntü placeholder işleme yöntemleri arasında en çok hoşuma giden bu oldu. Ortaya çıkan ekran da güzel.

Yönetim aracında her görsel yüklendiğinde dosya adını hash kodu yapsak nasıl olur diye düşünmüştüm ama base83 encoding biraz takılıyor.
 
nemorize 2025-08-28

Bu yorumu görüp "bir gün uygulamalıyım~" demiştim, sonra ancak 5 yıl sonra uygulayabildim.
B83, ? / # = gibi özel karakterler içerdiği için B83'ü doğrudan tekrar B64-urlsafe olarak encode ettim haha;

Varsayılan bileşen ayarı olan 43 hash değerini B64 ile encode etseniz bile yaklaşık 40 karakter civarında olduğu için düşünüldüğü kadar büyük bir yük oluşturmuyor,
duruma göre 33 ya da 3*2 seviyesine düşürürseniz daha az güzel olsa da yaklaşık 25 karaktere kadar işlenebiliyor.
 
sduck4 2020-02-21

Oo... o zaman görselin adıyla bile bir placeholder gösterebiliriz! Harika bir fikir. :)