rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

Web制作に役立つダミー画像生成Webサービスまとめ

      2015/07/21   Web, Webサービス , ,

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

ダミー画像

画面のモックやワイヤーフレームを作る時に、さくっとダミー画像を付けられると便利ですよね。

そんなダミー画像を作るのに便利な、よく使っているWebサービスを3つご紹介します。

QUICKIMAGE.IT

個人的に一番利用していたPLACEHOLD.ITが、ある時から不正アクセス対策としてリクエストに認証が必要になり、気軽に使えなくなってしまいました。

しばらく離れていたのですが、気が付いた頃にそのミラーサイトとして提供されていたのがQUICKIMAGE.ITです。

使い勝手はPLACEHOLD.ITと一緒です。

imgタグにサイズを指定したURLを入れるだけで画像を表示できます。

<img src="http://quickimage.it/350x150" />

画像形式(gif, jpeg, jpg, png)、テキスト、色を変えるオプションもあります。

<img src="http://quickimage.it/350x150.png/000000/ffffff/&text=This+is+a+pen!" />

デフォルトでもカッコよく出てくれるので、敷居も低くとても使いやすいサービスだと思います。

Placehold.jp

ソフテルという会社が作成した国産サイトです。

ドメインで分かるようにPLACEHOLD.ITを踏襲している?せいか基本的な使い方は似ています。

基本はサイズを指定したURLで。

<img src="http://placehold.jp/350x150.png" />

国産だけあってテキスト指定は日本語もOKです。

<img src="http://placehold.jp/24/000000/ffffff/350x150.png?text=これはペンです!">

特徴的な機能として、cssレイアウトを組んだりすることもできます。

<img src="http://placehold.jp/24/000000/ffffff/350x150.png?text=これはペンです!&css=%7B%22border-radius%22%3A%2215px%22%2C%22background%22%3A%22%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20from(%23666666)%2C%20to(%23cccccc))%22%7D">

管理画面に画像生成フォームや画像サイズのプリセットも付いていたりするので、なかなか使いやすいサービスです。デフォルトの出方がもう少しイケてるとさらに嬉しい気がしますが。

Cambelt

最近知ったサービスですが、これはカッコいいサイトですね。。

シンプルかつ見た目も良いし、機能も前述のサービスより多くて使い勝手も良い。もう今後はこれがあれば足りるな、、という位の印象です。

基本的な使い方はCambeltも同様で、指定のURLをimgタグに設定します。

<img src="http://cambelt.co/350x150" />

もちろん色を変えたりテキストを指定したりできます。テキストに日本語はNGのようです。

<img src="http://cambelt.co/350x150/This+is+a+pen!?color=234653,eeeeee" />

HTTPS対応なんてこともできます。至れり尽くせりですね。

<img src="http://cambelt.co/350x150/This+is+a+secure+pen!" />

Webフォントを指定することもできるようです。これは楽しい。

<img src="http://cambelt.co/350x150/This+is+a+secure+pen!?font=Speedway" />

アイコンを表示するなんてことまで。

<img src="http://cambelt.co/icon/bubble/350x150" />

2014/11/26追記

こちらの記事も合わせてご覧ください!

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

Analytics
今年の出足やいかに!?2015年1月のアクセス数レポートです。

毎月公開している当ブログのアクセスレポート、今年一発目の2015年1月分です。 …

面接NG
ツイートがバズった「面接NG.txt」の話から考えたこと

photo credit: Alex E. Proimos via photop …

20150714_koshien_history
TwitterOAuthで高校野球・歴代甲子園BOTを復活させました

高校野球・歴代甲子園BOT(@koshien_history)という、過去の春夏 …

LINE BOT API
LINE BOT APIを使ってPHPで画像検索BOT作ってみました

先日、1万名先着で trial 公開された LINE BOT API が、巷でず …

Windows Azure
Windows Serverの動作検証をするにはAzureが便利過ぎるのでその仮想マシン作成手順をまとめてみました

Web系メインで仕事していると割合としてはかなり少ないものの、たまに出会うことが …

WordPressと高校野球
高校野球界ではサイトの31%がWordPressで作られている(かも)

智弁学園、甲子園初優勝おめでとうございます!というわけで、今年のセンバツも終わっ …

WordPressもくもく勉強会@群馬
ATNDにグループ機能が追加されたので「WordPressもくもく勉強会@群馬」グループを作ってみました

先日、ATND にグループ機能が追加になったようですね。 【新機能追加のお知らせ …

Analytics
年末特需で3万後半PVへ!2014年12月のアクセス数レポートです。

毎月恒例の当ブログのアクセスレポートです。年は明けましたが、今回は昨年末の201 …

コワーキングスペース
ふと気付いたらATNDが色々進化していた件

イベント情報管理サービスとして老舗の ATND、自分も主催イベントがあるとよく利 …

アドベントカレンダー
今年参加したアドベントカレンダーのふりかえり

クリスマスとともに今年のアドベントカレンダーも終わってしまいましたね。昨年のよう …