Overview
Flutter BlurHash is a lightweight package that enables compact, real-time placeholder generation for images using blurhash encoding. It encodes a blurred version of an image into a short string (under 30 characters), allowing instant display during loading—ideal for improving perceived performance in image-heavy apps. The encoded hash can be rendered directly as a placeholder, mimicking the original image's colors and structure before the actual image loads. This approach is widely used by platforms like Medium to enhance user experience.
Use cases
- Image loading placeholders
- Performance optimization in media-heavy apps
- Instant visual feedback during image fetch
- Progressive image rendering
- Reducing perceived load time
- Offline image previews
Key features
- Ultra-compact hash representation
- Real-time placeholder generation
- Color-preserving blur effect
- Cross-platform support
- Easy integration with Image widgets
- Low bandwidth usage
Suitable for
- Apps with many images
- Content feeds
- Social media platforms
- E-commerce apps
- UIs prioritizing smooth loading
- Developers seeking fast image placeholders
Considerations
- Limited detail in very short hashes
- Not suitable for high-fidelity previews
- Requires decoding on client side
- Best for low-resolution placeholders
- May not match complex textures accurately
- Hash must be precomputed or generated server-side