無料WEBツール

by 大阪のホームページ制作会社digrart

ダミー画像ジェネレーター|プレースホルダー画像作成

📖 概要🔰 使い方📚 用語集❓ FAQ💡 活用シーン

サイズ・色・テキストを設定して、ダミー画像(プレースホルダー画像)を即座に生成できます。

  1. 幅・高さを入力するか、プリセット(OGP・Instagram等)から選択
  2. 背景色・テキスト色・フォントサイズを調整してプレビューを確認
  3. フォーマット(PNG / WebP / SVG)を選んでダウンロード
600 × 400
image 画像設定
px
×
px
24px
フォーマット:

📐 OGP画像・SNS画像の推奨サイズ一覧(2026年最新)

プラットフォーム 用途 推奨サイズ アスペクト比
OGP(共通)シェア時のサムネイル1200 × 6301.91:1
X(旧Twitter)投稿画像1200 × 67516:9
X(旧Twitter)プロフィールヘッダー1500 × 5003:1
Instagramフィード投稿(正方形)1080 × 10801:1
Instagramストーリーズ・リール1080 × 19209:16
Facebookカバー画像820 × 312約2.6:1
YouTubeサムネイル1280 × 72016:9
LINEリッチメニュー(大)2500 × 1686約1.48:1

※ 各プラットフォームの仕様変更により推奨サイズが変わる場合があります。最新情報は各公式ヘルプをご確認ください。

📖 このツールについて

Web開発やデザイン制作で使用するプレースホルダー画像(ダミー画像)を即座に生成するオンラインツールです。サイズ、色、テキストをカスタマイズできます。

指定したサイズの画像にテキスト(幅×高さ等)を表示した画像を生成。PNG、JPEG、SVG形式に対応しています。

すべての処理はブラウザ内で完結し、データがサーバーに送信されることはありません。

🔰 使い方

サイズを指定する

幅×高さ(ピクセル)を入力します。プリセットサイズも利用できます。

色とテキストをカスタマイズする

背景色、テキスト色、表示テキストを設定します。

画像をダウンロードする

生成されたダミー画像をダウンロードします。

📚 用語集

プレースホルダー画像
開発中に本番画像の代わりに使用する仮の画像。レイアウト確認に使います。
OGP画像サイズ
SNSシェア時のプレビュー画像サイズ。1200×630pxが推奨。
サムネイル
画像の縮小版。一覧ページなどで使用される小さなプレビュー画像。
レスポンシブ画像
画面サイズに応じて最適なサイズの画像を表示する技術。
アスペクト比
画像の幅と高さの比率。用途に応じた適切な比率が重要です。

❓ FAQ

Q. 最大サイズの制限はありますか?
A. ブラウザのメモリに依存しますが、数千ピクセルの画像は問題なく生成できます。
Q. 透過(透明)背景は対応していますか?
A. PNG形式で透過背景のダミー画像を生成できます。
Q. APIとして使用できますか?
A. 本ツールはGUIベースです。URLパラメータ方式のAPIには対応していません。
Q. データはサーバーに送信されますか?
A. いいえ。ブラウザ内で完結します。
Q. スマートフォンでも使えますか?
A. はい。レスポンシブ対応しています。

💡 活用シーン

💻

Web開発

レイアウト確認用のプレースホルダー画像を素早く生成。

🎨

UIデザイン

ワイヤーフレームやモックアップに配置するダミー画像を準備。

📊

プレゼン資料

プレゼン資料のレイアウト調整用に仮画像を挿入。

📋

ドキュメント作成

仕様書やマニュアルの画像枠にサイズ表記付きの画像を挿入。

📖 ダミー画像・プレースホルダー画像とは?

ダミー画像の役割
Webサイトやアプリのデザインモックアップ・ワイヤーフレーム作成時に、本番の画像素材がまだ用意できていない段階で仮に配置する画像のことをダミー画像(プレースホルダー画像)といいます。サイズを明示したグレー画像を使うことで、デザインのレイアウト意図をチームメンバーへ正確に伝えられます。
コーディング・実装時の活用
フロントエンドエンジニアがコーディング段階で画像URLの代わりに使用したり、WordPressや各種CMSのダミーコンテンツとして活用されます。`<img src="...">` の src に指定するURLベースの方法もありますが、ダウンロードしたファイルをそのまま使えるため、オフライン環境でも利用可能です。
SVG形式のメリット
SVGはベクター形式のため、どんな解像度でも鮮明に表示されます。また、テキストエディタで内容を編集できるため、デザインツールとの連携にも便利です。ファイルサイズも非常に小さく抑えられます。

📐 Web広告バナーの標準サイズ(Google広告 / IAB規格)

最も効果的なバナーサイズ(Google推奨)
Google Display Network(GDN)では、300×250(レクタングル・中)が最もインプレッション数が多いとされ、次いで728×90(リーダーボード)、160×600(スカイスクレイパー)、300×600が高パフォーマンスです。これらのサイズでバナーを用意することで、より多くの広告面に掲載できます。
レスポンシブ広告用画像
レスポンシブディスプレイ広告には、横長(1.91:1)の 1200×628px と正方形の 1200×1200px の2種類の画像が必要です。どちらも最低サイズは600×314px(横長)・300×300px(正方形)で、ファイルサイズは5MB以下が条件です。
動画・画像処理