BlurHash - Gerador de placeholders de imagem com desfoque

• Lê uma imagem, aplica desfoque e a converte em um código hash de 20 a 30 caracteres

• Na web/apps, antes de carregar a imagem, recebe apenas o código hash, mostra primeiro a imagem desfocada e depois exibe a imagem recebida pela rede.

• Fornece código em C/Swift/Kotlin/Python/Typescript

• Go/PHP/Java/Clojure/Rust/WASM têm implementações de terceiros

[xguru]

De todos os tratamentos de placeholder de imagem que vi até agora, esse é o que mais me agradou. A tela de resultado também ficou bonita.

Pensei que, ao enviar imagens pela ferramenta de administração, talvez desse para transformar o nome do arquivo em um código hash, mas esse base83 encoding me incomoda um pouco.

[nemorize]

Vi este comentário e pensei "um dia preciso aplicar isso~", e acabei aplicando só 5 anos depois.
Como o B83 inclui caracteres especiais como ? / # =, eu simplesmente recodifiquei o próprio B83 em B64-urlsafe haha;

Mesmo codificando em B64 o valor de hash 43 da configuração padrão do componente, fica em torno de 40 caracteres, então na prática não chega a ser um peso tão grande quanto parece.
Dependendo do caso, se reduzir para algo como 33 ou até 3*2, fica menos bonito, mas dá para tratar em cerca de 25 caracteres.

[sduck4]

Ah... então dá para mostrar o placeholder usando o próprio nome da imagem! Que ideia legal. :)