TwicPics Placeholders
TwicPics Placeholdersはレスポンシブ対応の動的なダミー画像を提供するWebサービスです。
上サンプルはリサイズ出来るようになっています。ただ、ダミー画像のサイズ変更にタイムラグがある場合があります。
使い方も非常にシンプルでユーザー登録も不要、無料で誰でも利用可能です。
使い方
<script src="https://i.twic.pics/?v1" async></script>
まず上記のスクリプトを読み込みます。
<img class="twic" data-src="placeholder:auto">
そして、imgタグにtwicという名のclassとカスタムデータ属性を持たせたダミー画像を用意します。これだけで、包括要素やモニタのサイズに応じて可変するダミー画像を用意する事が出来ます。
前述通り、APIの為にユーザー登録をする等の必要もなく、誰でも無料で利用する事が出来ます。