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

    CSSで使えるカラーネームの一覧を見やすく表示してくれる「147 Colors」

    覚えておくと便利そうだったのでメモしときます。CSSでも使える147種…

  2. Web Service

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

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

  3. Web Service

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

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

  4. Web Service

    iPadで人気の手書きノートアプリ「Note Anytime」のiPhone版が登場したので使ってみ…

    iPadの手書きノートアプリとして話題となった「Note Anytim…

  5. ブラウザでストップウォッチ

    Web Service

    ブラウザで手軽にストップウォッチが利用できるサービス

    ブラウザでちょっと何かの時間を計りたい時に役立つストップウォッチのサー…

  6. Flat UI Colors

    Web Service

    フラットデザインに合う配色のカラーコードを取得できる「Flat UI Colors」

    流行のフラットデザインに合う配色を集めたツール「Flat UI Col…

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP