ダミー画像やサンプル画像を簡単に作る方法 – dummyimage.com

サイト作りの過程で使う、ダミー画像とかサンプル画像を簡単に作成できるサイトを紹介します。

 

Dynamic Dummy Image Generator

Dynamic Dummy Image Generator ダイナミック・ダミー・イメージ・ジェネレーター
https://dummyimage.com/

ダイナミック・ダミー・イメージ・ジェネレーター

翻訳すると「動的ダミー画像生成装置」になるけど英語でも何となく伝わるでしょ?ダミー画像とかサンプル画像を簡単に作成できるます。

下記の指定ができるので自由度が高いですね。

  • Size サイズ
  • Background Color 背景色
  • Foreground Color 文字色
  • Format ファイル形式
  • Text 文言

使い方(画像の作成方法)

試しにVGAサイズのダミー画像を作ってみたいと思います。

試しにVGAサイズのダミー画像を作ってみたいと思います。
デフォルトの画面

Size(サイズ)に「640×480」と入力

 Size(サイズ)に「640x480」と入力
「 横 x 縦 」で自由に数値入力できます

Background Color(背景色)に「999999」と入力

Background Color(背景色)に「999999」と入力
16進数カラーコードで入力します(カラーパレットでも色を自由に変更できます

Foreground Color(文字色)に「ffffff」と入力

Foreground Color(文字色)に「ffffff」と入力
16進数カラーコードで入力します(カラーパレットでも色を自由に変更できます )

Format(ファイル形式)を「png」に選択

Format(ファイル形式)を「png」に選択
png・gif・jpgの中から選択

出来上がったダミー画像

灰色に白い文字のVGAサイズの画像
灰色に白い文字のVGAサイズの画像

URL先に画像が作成される

上で指定した画像は下記のようなURL先に画像が作成されます。

https://dummyimage.com/ サイズ / 背景色 / 文字色 . ファイル形式

https://dummyimage.com/640×480/999999/ffffff.png

なので、ブラウザのアドレスバーに直接入力しても作成できます。

例えば、

横幅320ピクセルと縦240ピクセルで赤い背景に黒い文字のGIF画像だと…

https://dummyimage.com/320×240/ff0000/000000.gif

横幅320ピクセルと縦240ピクセルで赤い背景に黒い文字のGIF画像

となる。

まとめ

サイト作成やブログのサンプル画像やダミー画像用に使えば楽なので覚えていて損はないサイトだと思います。

今回はこれでおしまい。またね。

共有: