Guide: Using blurhash to improve image display

[dichotommy]

Short guide showing how you can use https://blurha.sh hashes for a prettier way to display images before they load in.

[guimachiavelli]

Not sure I understand this. How is it related to Meilisearch?

[dichotommy]

Not sure I understand this. How is it related to Meilisearch?

If you have a dataset that involves images (e.g. movie posters in movies.json) then loading and displaying those images can become a problem when returning search results (e.g. blank spaces where images should be; results moving around the page as images load in; etc.). To avoid users implementing sloppy-looking search experiences w/ Meilisearch, we thought about providing a guide to improve image display and load-in using a tool like blurhash.

Since this relates to external tools, I think it would probably be a better fit for the "Resource center" than the docs site (which focuses on purely documenting the core engine + API). It's also an idea that originated from DevRel, when docs was part of that team; perhaps @meilisearch/devrel-team would be interested in taking this over?

[guimachiavelli]

Hmmmm…yeah, I understand what you mean.

I definitely think this is a better match for the resource center than the docs. Thinking as a dev, I really wouldn't go to a search engine's docs to find info on how to handle an issue that relates to building the front-end.

[ferdi05]

I agree with you @guimachiavelli . We'd be happy to take this over. I'll start working on the resource center in the coming days. If this sounds good to you @dichotommy I think that you can transfer the issue to the DevRel repo.

[guimachiavelli]

@ferdi05, I don't think we have the correct permissions for transferring issues into meilisearch/devrel.

Can you or someone from the @meilisearch/devrel-team transfer it?

[ferdi05]

looks done @guimachiavelli !

[guimachiavelli]

Yeap! Thanks!