背景や枠線の色も指定できるダミー画像作成サービス。

ダミー画像を作成できる「Placeholder pics」日本語ラベルの追加も可能

2016-05-30 | Sigeo | 0 | カテゴリ WEBツール・サービス

placeholder.pics

サイトのモックアップやプロトタイプには、バナー画像や写真素材をダミーで仮に置いておくことも多いかと思います。

素材サイトなどから仮に置いておくこともありますが、それだけでも結構な手間になるので、URLで指定するだけでダミー画像を作成できるサービスを使うこともよくあるかと思います。

今回ご紹介するのは、そんなURLで指定するだけでダミー画像を生成できるサービス。特徴は、画像に日本語のテキストメモを入れられて、背景色をグラデーションにもできる点です。

ダミー画像をURLで生成できる「Placeholder pics」

Placeholder pics」は、ダミー画像をURLで生成できるサービス。

海外サービスでありがちな、日本語を使えない、あるいは国内発のサービスであっても、URLで日本語をエンコードしないといけないという点もクリアしているうえに、ダミー画像の色の指定も自由度が高くなっています。

日本語のラベルを設定できる

日本語テキストもダミー画像のラベルに設定できる

日本語テキストもダミー画像のラベルに設定できる

国内のダミー画像作成サービスであればクリアしているのが当然な点ですが、海外発でありながら、日本語のテキストを画像に問題なく入れることができます。

あとからここにどんな画像を入れるのかメモしておくにも便利ですね。

背景色を指定、グラデーションにもできる

背景色、背景色のスタートとエンドをカラーパレットで指定

背景色、背景色のスタートとエンドをカラーパレットで指定

他のサービスになかなか無いのが、この背景色の指定とグラデーションにする機能。あとから入れる写真素材の色合いのイメージを付けておくにも便利かもしれません。

枠線、ラベルの色を変えられる

枠線とラベルの文字色をカラーパレットで指定

枠線とラベルの文字色をカラーパレットで指定

生成するURLもシンプル

たとえば、

  • 画像サイズ:350×250
  • 背景色:#154C6Eから#368EC2へのグラデーション
  • 枠線 :#4FD9FF
  • ラベル:この背景色に近い風景素材を入れる

という指定をするとします。これをダミー画像のURLにすると、以下のようになります。

http://placeholder.pics/svg/350x250/154C6E-368EC2/4FD9FF/あとでこの背景色に近い素材を入れる

日本語のテキストをそのまま打ち込んでも問題なく表示されますので、これが地味に便利です。

興味があるかたはPlaceholder picsへどうぞ。

Placeholder pics
  • sigeoの評価
3.8

評価コメント

ダミー画像の作成サービスで生成される画像は大抵の場合グレーですが、色まで指定できて、かつ必要かどうかは判断できかねますがグラデーションまでも表現できるのはおもしろいと感じました。

スポンサードリンク

この記事を読んだ方は以下の記事もご覧いただいています

  • このエントリーをはてなブックマークに追加

コメントする