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

  関連記事

アドベントカレンダー
ブログ持ってるなら絶対オススメ!アドベントカレンダーに参加する5つのメリット

もうすぐ12月を迎えるにあたって、Adventar、Qiita といった今年のア …

ブログ
はてブ100ブックマーク超えの記事を書く時に気を付けたこと

先日当ブログで書いたある記事が、ありがたいことに初めて100以上のはてなブックマ …

でーびーくん
LINEスタンプ「でーびーくん」の使用回数ランキングTOP5

先日リリースされた LINE スタンプ「でーびーくん」。おかげさまで皆様にちょこ …

センバツ出場校WebサイトにWordPressは使用されているか?
センバツ出場校WebサイトはどれだけWordPressで作られているか?

春はセンバツから! 今年もはや3月となり春の足音とともに第89回選抜高校野球大会 …

絵の具
サクラクレパスのライセンス商品がかわいすぎる件について

・パッケージの再現度まで完璧ーっ! あの『サクラクレパス』がタオルになっちゃった …

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

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

Analytics
2014年6月のアクセス数レポートを報告しておきましょう

さて、前月に引き続いて当ブログの6月のアクセス数レポートを公開してみたいと思いま …

アクセス解析
2014年8月のアクセス数レポートです

毎月報告しております当ブログのアクセス数レポート、今回は2014年8月分となりま …

Twitterカード
こんな簡単に機能改善!WordPressブログにTwitterカードを設定してみました

自分のブログにTwitterカードの設定をしてみた。 – @YuG_ …

でーびーくん
DBの世界からやってきたLINEスタンプ「でーびーくん」がリリースされました。

申請から約3ヶ月、まったくのイラストど素人な私が初めてチャレンジしたLINEスタ …