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ジェネレーター「Live Tools」…

    とても簡単にかっこいいボタンやフォームが作れちゃうCSSジェネレーター…

  2. Shazam

    Web Service

    【超便利】この曲なんだろうと思う曲を一発で教えてくれる便利なiPhoneアプリ「Shazam」

    個人的にすごい便利なiPhoneアプリを発見したのでご紹介します。「S…

  3. Web Service

    WebサイトのタイトルとURLを簡単に取得できて自分用HTMLリンクも作成できるChrome拡張機能…

    現在見ているWebサイトのタイトルとURLを簡単に取得できたり、自分用…

  4. Web Service

    jQuery Mobileで簡単に自分のオリジナルテーマカラーを作成できるThemeRollerの使…

    jQuery Mobileにはテーマがいくつかあり、そのテーマを変える…

  5. CSS Gradient Animator

    Web Service

    CSSでグラデーション背景を変化させるコード作成ジェネレーター「CSS Gradient Anima…

    CSSで変化するグラデーション背景を作成したい時に役立つジェネレーター…

  6. Screen Capture (by Google)

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP