blurhash
randimage

blurhash | randimage | |
---|---|---|
43 | 1 | |
16,067 | 57 | |
0.7% | - | |
4.3 | 2.6 | |
7 months ago | 7 months ago | |
C | Python | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
blurhash
-
Show HN: AvifHash v0 – Compact and efficient image placeholders
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.
-
Rendering Images The Good Way In Your React Application
BlurHash website: blurha.sh
-
BlurHash: An Alternative to Generic Image Placeholders
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)
-
Generate thumbhash at edge for tiny progressive images
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):
- How do you do these placeholder for loading images based on color?
-
How to make a hash of the images with blurhash python package and react
Package Link - https://blurha.sh
-
blurred layer on top of other content using react-native-skia
If you do go this way, you can use https://blurha.sh
-
Migrating my website from Gatsby to Astro
No blurhash for images like Next or Gatsby
- A very compact representation of a placeholder for an image.
- Blurhash: A compact representation of a placeholder for an image
randimage
-
My first attempt at procedural graphics - python library available
Here you can find the code and in this blog post an explanation of the procedure.
What are some alternatives?
thumbhash - A very compact representation of an image placeholder
swup - Versatile and extensible page transition library for server-rendered websites 🎉
flutter_gen - The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs.
clipview - Titanium Module for Android ClipView
engine - The Flutter engine
titaniium.android.bottomsheet
titanium-rounded-tab-group - A lightweight module to apply a native rounded tab groups (no custom view) in Appcelerator Titanium.
react-blurhash - React components for blurhash
file-icons - Atom file-specific icons for improved visual grepping.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
plaiceholder - Beautiful image placeholders, without the hassle.
