28
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

概要

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

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

以上

28
17
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
28
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?