ダミー画像を簡単に作成できるオンラインサイト「Placehold.jp」の紹介

2019.07.02IT技術ビジネス,レビュー

Placehold.jpサイトキャプチャー
「はいさい。ぐすーよー。ちゅーうがなびら。」(こんにちは、皆さんご機嫌いかがですか?)
ようこそヒケナンブログへ♪

皆さん、ダミー画像を作成する場合、どうしていますか?

面倒だけどペイントやフォトショップなどの画像処理ツールで作成していませんか?
たかがダミー画像で、そこまでの労力は掛けたくないですよね?

今回は、オンラインでサクッとダミー画像が作れちゃうサービスをご紹介します!
本当にこちらのサイトは優れものです!ぜひ使っちゃいましょう!


画像作成オンラインサイト「Placehold.jp」

「Placehold.jp」:https://placehold.jp/

Placehold.jpサイトキャプチャー
サイトキャプチャー画像(一部分)

こちらがオンラインでダミー画像を作成できる「Placehold.jp」さんです。

サイトの作りもシンプルで、非常にわかりやすく重宝させていただいております。

※サイト制作者に、この場を借りてお礼申し上げます。ありがとうございます!


基本的な使い方

それでは、基本的な使い方にをご紹介します!

サイトの作りがシンプルなため、使い方も非常に簡単で分かりやすいです。

  1. 左側にある「幅(width)」「高さ(height)」を指定する
    基本的な使い方1
  2. 幅と高さを指定したら、その下にある「画像を作成する」ボタンをクリックする
    基本的な使い方2
  3. 右側に指定した幅×高さで作成された画像が表示されるので、画像にマウスを重ねて右クリックメニューの「名前を付けて画像を保存」を選択し、任意の場所に保存する
    基本的な使い方3

これだけです!この3ステップで、いとも簡単に任意のサイズのダミー画像が作成できます!

どうでしょうか?いちいちペイントやフォトショップを起動しなくても、これならサクッとダミー画像が作れちゃいますよね!


高度な使い方

先述の基本的な使い方以外にも、サイズや文字を指定したり、CSSを使用するといった方法で、より高度なダミー画像を作成することができます!


様々なサイズを指定する

こちらは、次の内容からあらかじめ用意されているサイズを選ぶことができます。

  1. よく使う正方形
  2. バナーによくあるサイズ
  3. Web制作でよく使うサイズ

高度な使い方1

どちらもセレクトボックスから選択するだけの簡単仕様で、ダミー画像が作成できます!


文字色や内容などを細かく設定する

こちらは、以下の内容を細かく指定してダミー画像を作成することが出来ます。

  1. 幅・高さ
  2. フォーマット(png、jpg)
  3. 文字サイズ(px単位)
  4. 文字色
  5. 背景色
  6. 表示文字

この6項目を自由に設定して、ダミー画像を作成することができます!

例として、私は次のように設定してみました。こんなことも簡単にできてしまいます!

高度な使い方2


CSSを設定する

こちらは、先述の項目以外で設定できない内容(文字を太くする、など)を、CSSで指定することによりダミー画像が作成できます。

今回は「角丸、文字を太くする」の2種類をCSSで設定してみました。

高度な使い方3

角丸はどうやら不具合があるらしく、上辺の両端がじらじらしていました。

また、JPGにすると透明度情報は失われますので、半透明装飾を施している場合は注意してください。


URLによる直リンクもOK!

なんと、こちらのサイトはURLによる直リンクをOKしています!

直リンク(じかリンク、ちょくリンク)とは、インターネットのWWWで公開されている画像などのメディアファイルのURLを参照し、インラインで表示する形態で別のウェブサイトにあるウェブページに貼り付けたり、リンクを張ったりする事。直リンとも。ダウンロードに一定の手順を踏む必要がある画像掲示板やアップローダー上のファイルに対して、ダウンロード用のURLではなくファイルそのもののURLを掲示する場合も「直リン」とされることがある。ホットリンクとも言う[1]。

Wikipedia:https://ja.wikipedia.org/wiki/%E7%9B%B4%E3%83%AA%E3%83%B3%E3%82%AF

ただし、利用規約には以下の通り記載されています。

当Webサイトに過剰にアクセスすること。(サーバーが負荷でハングアップするぐらいでなければ特に問題ありません。)

利用規約:http://placehold.jp/rule.html

利用規約にもある通り、ダミー画像を直リンクしたい場合はアクセス数に気を付けてご利用くださいね。


最後に

いかがでしょうか。

数あるオンラインダミー画像作成サイトの中でも、シンプルで分かりやすく利用しやすいのではないでしょうか。

作者さんも「当Webサイトを楽しく便利に利用していただければよいと考えています。」と、とても素晴らしいことをおっしゃっております。

こういうサイトは本当に重宝しますし、ありがたいですよね!

皆さんもぜひ利用規約(http://placehold.jp/rule.html)を熟読したうえで、ダミー画像作成に利用していきましょうね。