blurhash VS flutter_gen

Now that you have the generated blurhash string, all that’s left is to display it on your frontend. There are plenty of libraries that can help you do just that—links and documentation can be found in the official BlurHash repository. Let’s keep pushing the boundaries of UX and make our interfaces as pleasant and responsive as possible!

AvifHash leverages the power of AVIF to create image placeholders that are both compact and efficient.

This Proof of Concept shows promising results: at 28 characters, AvifHash outperforms BlurHash https://blurha.sh/ (using 4x3 components) in quality and detail retention. At a similar quality, BlurHash needs 54 (5x5) to 76 characters (6x6 components).

Given that AVIF decoding is done by the web engine, AvifHash is very small: the entire demo page (including parsing and re-hydration code) is only 2.3 kB gzipped.

BlurHash website: blurha.sh

Blogspam, including just taking over the source images.

Original: https://blurha.sh/ and https://blog.wolt.com/hq/2019/07/01/how-we-came-to-create-a-... (2019)

While it's similar to BlurHash, the color performance is much better for the same filesize. Here's a a demonstration of this from the demo page (with ThumbHash in the middle and BlurHash on the right):

Package Link - https://blurha.sh

If you do go this way, you can use https://blurha.sh

No blurhash for images like Next or Gatsby

Typesafe Assets: flutter_gen

4)Flutter_gen:

To load assets in your Flutter app, you have to reference the asset using path strings, which is not safe. The FlutterGen package helps remove all string-based APIs in your app by generating code for all your assets.

This tool is very useful. We all know that string based APIs are not the most secure. If you insert a single character incorrectly, the whole string will stop working. The problem is that you use sting apis very often in Flutter. Assets, fonts, colors... Flutter gen is there to solve this problem.

If you have any questions regarding this package, in this link you can browse the documentation and you can also check its source code in its repo from GitHub.