Introduction
Beautiful image placeholders, without the hassle.
Choose-your-own adventure, from pure CSS to SVG…
Try the Studio
"Plaiceholder" is a collection of Node.js helpers for creating low quality image placeholders, with several approaches to choose from:
- CSS (recommended)
- SVG
- Base64
- Blurhash
- Blurhash to CSS (Experimental 🧪)
💡
Disclaimer: It's worth taking pros/cons of each approach with a grain of salt. Although initial tests locally and on WebPageTest have proved successful, extra research needs to be completed to determine the fastest solution.