無料WEBツールdigtoooooools

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

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

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

  1. 幅・高さを入力するか、プリセット(OGP・Instagram等)から選択
  2. 背景色・テキスト色・フォントサイズを調整してプレビューを確認
  3. フォーマット(PNG / WebP / SVG)を選んでダウンロード
600 × 400
image 画像設定
px
×
px
24px
フォーマット:
ダミー画像の役割
Webサイトやアプリのデザインモックアップ・ワイヤーフレーム作成時に、本番の画像素材がまだ用意できていない段階で仮に配置する画像のことをダミー画像(プレースホルダー画像)といいます。サイズを明示したグレー画像を使うことで、デザインのレイアウト意図をチームメンバーへ正確に伝えられます。
コーディング・実装時の活用
フロントエンドエンジニアがコーディング段階で画像URLの代わりに使用したり、WordPressや各種CMSのダミーコンテンツとして活用されます。`<img src="...">` の src に指定するURLベースの方法もありますが、ダウンロードしたファイルをそのまま使えるため、オフライン環境でも利用可能です。
SVG形式のメリット
SVGはベクター形式のため、どんな解像度でも鮮明に表示されます。また、テキストエディタで内容を編集できるため、デザインツールとの連携にも便利です。ファイルサイズも非常に小さく抑えられます。
プラットフォーム 用途 推奨サイズ アスペクト比
OGP(共通) シェア時のサムネイル 1200 × 630 1.91:1
X(旧Twitter) 投稿画像 1200 × 675 16:9
X(旧Twitter) プロフィールヘッダー 1500 × 500 3:1
Instagram フィード投稿(正方形) 1080 × 1080 1:1
Instagram ストーリーズ・リール 1080 × 1920 9:16
Facebook カバー画像 820 × 312 約2.6:1
YouTube サムネイル 1280 × 720 16:9
LINE リッチメニュー(大) 2500 × 1686 約1.48:1

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

最も効果的なバナーサイズ(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以下が条件です。
画像処理・テキスト解析
WEB開発ツール
SEO対策
ネットワーク
セキュリティ
ビジネス
SNS・エンタメ
生活