zouhir/lqip-loader

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

1206 stars · 43 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A webpack loader that generates low-quality image placeholders (LQIP) for JPEG and PNG images, producing tiny Base64 previews and dominant color palettes at build time. It lets you bundle a ~400-byte blurred placeholder alongside the full image URL for progressive image loading.

Use cases

• generate blurry image placeholders in webpack
• lazy load images with base64 previews
• extract dominant color palette from images at build time
• improve perceived page load performance for images
• show placeholder while full image loads
• medium-style progressive image loading

When to choose

• you use webpack and want automatic LQIP generation for imported images
• you want tiny inline base64 previews plus dominant color palettes without extra tooling
• you want progressive image loading with minimal bundle impact

When to avoid

• your build uses Vite, esbuild, or other non-webpack bundlers
• you need actively maintained tooling with guaranteed updates
• you need advanced placeholder generation like SVG-based or gradient-only approaches

Facets

plugin · maturity maintenance

image-processing build-tool web-development frontend image-processing webpack-loader lqip image-placeholders base64 lazy-loading performance nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="zouhir/lqip-loader")