Different hashes for same picture

[vanniktech]

When using 4x3 on the website with the given image, I get:

LEHV6nWB2yk8pyo0adR*.7kCMdnj

When I clone the repository, execute yarn run demo and test the Typescript library with the exact same image using 4x3, I get:

LEHLh[jZ2ykUpyoKadR*.8kCMdnj

The strings are similar, but why aren't they exactly the same?

[vanniktech]

Also when using a custom picture, I get different results:

http://localhost:9000/: LsR_etof*JoytRj[WBay*Ia{R5oz https://blurha.sh/: LsR_etkC*JkBtRj[V@ay*IayR5oz

Again similar but different.

[vanniktech]

I've also taken the pictures from Python and ran them through localhost and the blurhashes in the Python tests are also different from Typescript.

[Garabed96]

We had this issue with TypeScript: What we did was create a maxWidth, maxHeight, minWidth, minHeight, in our css wrapper to make sure the blurhash is the same size as the image. Probably best to test this out with inline css. Also you want to set overflow for both x & y hidden as the image and blurhash won't be exact size and you don't want jitter or the div to move around after it swaps from blur to image.

[Thisen]

There'll be variations based on the environment - Environment could be browser, Node.js, Python or other languages. This difference is OK and expected, as a blurhash is an approximation.