Zenn
🫒

ダミー画像生成サービスのご紹介

2024/10/22に公開
mock
image
tech

どんな時に使うのか

  • 開発中でまだ画像が用意できない時のモックとして利用する
  • なんとなくそれっぽい画像

1. placehold.jp

  • placehold.jp
  • 縦×横を指定してシンプルな画像を取得できます
  • 背景色と任意の文字を入れることも可能です
    <img src="https://placehold.jp/350x80.png">
<img src="https://placehold.jp/ffa200/ffffff/150x150.png?text=%E3%83%80%E3%83%9F%E3%83%BC%E7%94%BB%E5%83%8F">

2. Lorem Picsum

  • Lorem Picsum

  • 縦×横を指定してランダムで写真画像を取得できます

    • https://picsum.photos/[width]/[height] と呼び出すだけです

  • idを指定して好きな画像を表示させることもできます

    • 画像一覧
    • https://picsum.photos/id/[id]/[width]/[height]

  • 写真なので、なんとなく画面映えします

    <!-- ランダム -->
<img src="https://picsum.photos/300/500">
<!-- お気に入り画像 -->
<img src="https://picsum.photos/id/312/300/300">

Discussion