ダミー画像とは?
ダミー画像(プレースホルダー画像)は、ウェブページやアプリを作るとき、または本番の画像が届く前にデザインを組むときに、画像の場所を埋めるための仮の画像です。通常は自分のサイズ(例:600 × 400)を表示するので、レイアウトをひと目で確認できます。このツールではサイズ、色、文字を指定して、画像をダウンロードまたはコピーできます。
使い方
- 幅と高さを入力するか、よく使うサイズを選びます。「縦横比を固定」をオンにすると、片方を変えるともう片方も変わります。
- 背景色、不透明度、文字色、文字、フォントサイズを設定します。プレビューはすぐに更新されます。
- 形式を選び、必要ならファイル名を変えて「画像をダウンロード」を押します。「画像をコピー」でほかの場所に貼り付けることもできます。
よく使うサイズ
| 名前 | サイズ | 主な用途 |
|---|---|---|
| 正方形 | 500 × 500 | アイコン、商品画像 |
| 16:9 | 1280 × 720 | 動画のサムネイル、バナー |
| OG 画像 | 1200 × 630 | Facebook、LINE、X などでのリンクのプレビュー |
| HD | 1920 × 1080 | 全画面の背景、スライド |
| サムネイル | 320 × 180 | 一覧のサムネイル |
| スマホ縦 | 1080 × 1920 | ストーリー、スマホの壁紙 |
どの形式を選べばよい?
| 形式 | 透明 | 特徴 |
|---|---|---|
| PNG | 対応 | 劣化なし、互換性が最も高い |
| JPEG | 非対応(透明部分は白になる) | ファイルが小さく、写真のような内容に向く |
| WebP | 対応 | PNG や JPEG より小さく、最新のブラウザはすべて対応 |
| SVG | 対応 | ベクター形式で、どのサイズでも鮮明、ファイルも最小 |
よくある質問
背景を透明にするには?
「背景の不透明度」を 0% にし、PNG、WebP、SVG のいずれかを選びます。プレビューの市松模様が透明な部分です。
「画像をコピー」がいつも PNG になるのはなぜ?
ブラウザのクリップボードが広く対応している画像形式は PNG だけなので、どの形式を選んでもコピーは PNG になります。ほかの形式が必要な場合はダウンロードしてください。
画像はサーバーにアップロードされますか?
いいえ。画像はすべてブラウザ内で生成され、サーバーを経由しません。そのため生成もとても速くなります。