Unsplash It

Web Service

かっこいいダミー画像を読み込めるWebサービス「Unsplash It」

Unsplash Itは、かっこいいダミー画像を手軽に読み込むことができる便利なWebサービスです。縦横サイズの指定も簡単でとても使いやすいのがいいですね。ランダムで表示させたりグレースケールで表示させたりと、いろんな機能を有しています。

Unsplash It

Unsplash It

Unsplash Itの使い方はとても簡単で、imgタグのsrcに「https://unsplash.it/200/300」といった感じで指定するだけでOKです。ここでは、後ろにある200が横サイズで300が縦サイズになります。

ここを変更することで好きなサイズの画像を読み込むことが可能です。

また、画像を読み込むたびにランダムで画像を表示させたい場合は、「https://unsplash.it/200/300/?random」のように指定してあげます。これで、ページを読み込むたびにいろんな画像が表示されます。

ほかにも、グレースケールで表示させたい場合は「https://unsplash.it/g/200/300」と、サイズの前に「/g/」を置くことでグレースケールの画像を読み込むことができます。

このように、とても簡単にいろんなダミー画像を設置できるので、Web制作を効率的に行いたい人にはピッタリのサービスになるのではないでしょうか?

上記以外にも、List images、Specific Image、Blurred image、Crop Gravityと、いろんな機能が用意されているので、気になる人はぜひ「Unsplash It」を活用されてみてはいかがでしょうか。

というわけで、以上、かっこいいダミー画像を読み込める「Unsplash It」の紹介でした。

関連記事

  1. Web Service

    Macでコピペを多用する時に絶対入れた方がいいアプリ「Kopypasta」を使ってみた

    コピペ作業って結構手間がかかる時ってありますよね?少し前にコピーしたも…

  2. Web Service

    iPhoneアプリのPictShareを使えば画像を簡単にDropboxやEvernoteなど色々な…

    iPhoneに入っている画像を簡単かつ素早くアップロードできるアプリ「…

  3. FRAME

    Web Service

    iPhoneやMacにスクリーンショットを埋め込んで画像作成できるツール「FRAME」

    FRAMEというとても便利なツールを使ってみました。iPhone、iP…

  4. Web Service

    URLを入れるだけでレスポンシブなWebデザインを色々なデバイスで表示確認できる「The Respo…

    スマートフォンやタブレットなんかの色々なデバイスで表示確認することがで…

  5. Web Service

    pxからemに文字サイズを変換してくれるツール「px-em」

    最近ではレスポンシブWebデザインなどで文字サイズにemを使う機会も増…

  6. Web Service

    CSSでBorder Radiusだけのコードを生成してくれるジェネレーター「CSS Border …

    CSSでBorder Radiusだけのコードを生成してくれるジェネレ…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP