BlurHash - Generador de placeholders de imágenes difuminadas

• Lee una imagen, le aplica un desenfoque y luego la convierte en un código hash de 20 a 30 caracteres

• En la web/app, antes de cargar la imagen, solo recibe el código hash, muestra primero la imagen difuminada y luego descarga y muestra la imagen real por red.

• Incluye código para C/Swift/Kotlin/Python/Typescript

• Go/PHP/Java/Clojure/Rust/WASM tienen implementaciones de terceros

[xguru]

De todos los métodos de placeholders de imagen que he visto hasta ahora, este es el que más me gusta. Además, el resultado visual se ve muy bien.

Pensé que quizá estaría bien convertir el nombre del archivo en un código hash cada vez que se sube una imagen desde la herramienta de administración, pero lo de base83 encoding me hace dudar un poco.

[nemorize]

Vi este comentario y pensé: "algún día debería implementarlo~", y al final lo apliqué 5 años después.
Como Base83 incluye caracteres especiales como ? / # =, simplemente volví a codificar Base83 en Base64 URL-safe jaja;

Incluso si codificas en Base64 el valor hash de la configuración básica del componente, 43, queda en alrededor de 40 caracteres, así que no termina siendo una carga tan grande como parece.
Según el caso, si lo reduces a algo como 33 o incluso 3*2, queda menos bonito, pero se puede manejar en unas 25 caracteres.

[sduck4]

Oh... entonces podríamos mostrar un marcador de posición usando el propio nombre de la imagen. ¡Es una idea genial! :)