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:

  1. CSS (recommended)
  2. SVG
  3. Base64
  4. Blurhash
  5. 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.