Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
16
Help us understand the problem. What is going on with this article?
@ksyunnnn

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

More than 3 years have passed since last update.

概要

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

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

以上

16
Help us understand the problem. What is going on with this article?
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
ksyunnnn
ハイパー新人プログラマ

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
16
Help us understand the problem. What is going on with this article?