placeholder.js renders image placeholders entirely in browser.

the lastest version is 1.65kb, less then 0.92kb after gzip.

Placeholders can have custom colors, fonts, resizing behavior.

Download placeholder.js

Usage

placeholder.getData(opts);

or <img class="placeholder" />

or require("placeholder.js");

Learn more at the placeholder.js GitHub.

How to use? Documents / DEMO.

Placeholder Service

placeholder.cn/{px}/{bg}/{fg}

Just put your image size after our URL and you'll get a placeholder.

1.placeholder.cn/128 2.placeholder.cn/256x128 3.placeholder.cn/137/aaa 4.placeholder.cn/256x128/255/6e9