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を生成してくれるジェネレーター「Generate CSS」

    Generate CSSというジェネレーターが凄かったのでご紹介します…

  2. Web Service

    画像を右クリックから簡単にサイズやパス、容量などを確認できるChrome拡張機能「Image Pro…

    Web制作をしている時にプレビュー画面から手軽に画像サイズやパス(UR…

  3. Web Service

    材料・時間・カロリー指定もできる「Google レシピ検索」

    Google レシピ検索という便利なサービスを試してみました。Goog…

  4. CSS Gradient Animator

    Web Service

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

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

  5. Web Service

    最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」

    複数の画像を一気にリサイズすることができる便利なサービス「Bulk R…

  6. Web Service

    iPhoneでWebページ全体のスクリーンショットを一発で撮れるアプリ「Web Scroll Cap…

    iPhoneで今見ているWebページのスクリーンショットを撮る場合は「…

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP