Web Service

自由なサイズやカラー指定でダミー画像を生成できる「PLACEHOLD.IT」

PLACEHOLD.ITはWeb製作に役立つダミー画像を生成してくれる便利なWebサービスです。縦横自由なサイズや好きなカラーを指定することができます。手軽に使うことができるので覚えておいて損はなさそうですね。

[ads_center]

PLACEHOLD.IT

PLACEHOLD.IT

PLACEHOLD.IT

使い方はとっても簡単。以下のように画像をマークアップする際にドメインの後に続けて縦横サイズを指定するだけです。

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

サイズ以外にも好きなカラーを設定することもできます。以下は背景色が#000000、文字色が#ffffffで表示されます。

http://placehold.it/350x150/000000/ffffff

またサイズは100や200といった切りのいい数字だけではなく、123といった細かい数字まで指定することが可能です。

自分の好きなサイズやカラーを指定することができるので、気持ち良く作業できそうですね。ダミー画像を使うことで、わざわざ自分で画像を用意しなくても済むのでとても効率的です。

というわけで、ダミー画像を使って少しでも手間を減らしたい方にはPLACEHOLD.ITがオススメです。

Data Imgブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」前のページ

レスポンシブのサイトチェックに役立つChrome拡張機能「Responsive Inspector」次のページResponsive Inspector

関連記事

  1. Web Service

    画像を指定すれば色の値を教えてくれるジェネレーター「Color Palette Generator」…

    便利そうだったので使ってみました。画像のURLを指定すれば、その画像に…

  2. Web Service

    iPhoneアプリのRead it LaterがPocketにリニューアルしたので使ってみたらヤバか…

    ふと、iPhoneを弄っていたらアップデートできるアプリがあったのでし…

  3. Hex Preview

    Web Service

    カラーコード(HEX値)を入力して色のプレビューを確認できる「Hex Preview」

    Hex Previewという便利なサービスを発見したのでメモがてらご紹…

  4. Web Service

    住所や建物名を入力するとGoogleマップの座標を取得することができる

    地図上で、ある地点の座標を知りたいといった時があるかと思います。そんな…

  5. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

  6. HTML特殊文字変換ツール

    Web Service

    テキスト内のHTML特殊文字を変換してくれる便利なツール

    テキスト内にあるHTML特殊文字を変換してくれる便利なツールがあったの…

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP