SVG形式のダミー画像を生成できるサイト「Placeholder pics」!

2016/06/24

こんにちは。
今回はSVG形式のダミー画像を生成できるサイト「Placeholder pics」!です。

画像サイズ、背景色、グラデーション背景、テキスト、枠線を設定して、URL指定でダミー画像を表示する事ができるサイトを紹介します。
海外サイトなのですが、日本語のテキストにも対応していますよ。

SVG形式のダミー画像を生成できるサイト「Placeholder pics」!

Placeholder pics

placeholder-pics

http://placeholder.pics/

 

「Placeholder pics」の使い方

placeholder-pics2

まずは、「Width」「Height」で画像のサイズを指定します。
「Background」で背景色を設定します。
「Start」のみだと単色で、「End」を設定すると、グラデーションも可能ですよ。
「Foreground」の「Text」で文字色を「Border」で枠線の色を設定できます。
「Image label」で表示させたいテキストを入力します。
あとは右上のURLをコピーして使う事ができますよ。
もちろん画像をダウンロードする事もできます。

 

現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)
現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)

 

いかがでしたか。モックアップ制作などで便利ですね。
以上でSVG形式のダミー画像を生成できるサイト「Placeholder pics」!でした。

Related Post

topへ戻る