16
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

Lorem Picsumっていう便利なサービスの使い方

概要

Lorem Picsumって知ってます?

https://picsum.photos/200/300とかhttps://picsum.photos/200みたいにURL叩くと

image.png

こんな画像を返してくれる便利サービス。

サービスサイトのモックとか、画像一覧っぽい雰囲気を醸し出したい時に便利なやつです:point_up:
公式のまんまですが、使い方まとめます。

使い方

画像の( 幅 / 高さ )を指定
https://picsum.photos/200/300

→幅 200px, 高さ 300pxの画像が表示されます。

縦横同じ長さの画像の長さを指定

https://picsum.photos/200

→縦横 200pxの画像が表示されます。

アクセスするたびに、ランダムな画像を表示

https://picsum.photos/200/300/?random

→URLの最後に?randomをつければOK

特定の画像を指定して表示

https://picsum.photos/200/300?image=0

→URLの最後に?image={番号}を指定すればOK

特定の画像を見つけやすくするページを作ったので、よかったらみてみてください

以上

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
16
Help us understand the problem. What are the problem?