画像 / モックアップ
プレースホルダー画像ジェネレーター
任意のサイズのプレースホルダー画像を一度に作成できます。色やテキストを指定し、モックアップ、レイアウト、広告枠用にPNGまたはSVGでダウンロードできます。
プレースホルダー画像ジェネレーター: 各画像は、中央にサイズまたは入力したテキストを配置した塗りつぶしの長方形です。テキストサイズは、幅の約80%、高さの約40%に収まるよう自動調整されます。SVG画像はプレーンなマークアップとして生成され、1枚あたり数百バイトです。PNG画像はブラウザ内のキャンバスに描画されます。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。
- カテゴリ
- 画像ツール
- 実行回数
- ブラウザ内で
- コスト
- 無料 · 登録不要
- 提供状況
- すぐに使えます
完全にブラウザ内で実行します
画像はブラウザで作成されます。SVGファイルはどのサイズでも鮮明なままで、ファイルサイズも小さくなります。PNGはメールやオフィス文書を含め、どこでも使えます。
レイアウトでプレースホルダーを使う
実際の画像が入ったときにページがずれないよう、プレースホルダーは最終的な画像とまったく同じサイズにします。また、完成したデザインと間違われないよう、無彩色のグレーにしておきます。
SVGプレースホルダーを埋め込む
SVGプレースホルダーはデータURIとしてimgタグのsrcに直接記述できるため、別のファイルが不要です。データURI生成では、ダウンロードしたSVGからデータURIを作成できます。
使い方
- 必要なサイズを1200x630、300x250のように入力します。
- 背景色とテキスト色を選び、必要に応じてテキストを入力します。
- 画像を個別に、またはすべてまとめてPNGまたはSVGでダウンロードします。
プライバシーと制限事項
画像はブラウザ内で作成されます。アップロードや取得は一切行いません。
関連ツール
よくある質問
よく使われるサイズはどれですか？
ソーシャルメディアのリンクプレビューには1200 × 630、正方形の投稿には1080 × 1080、標準的なディスプレイ広告には300 × 250、728 × 90、160 × 600がよく使われます。
PNGとSVGのどちらを選べばよいですか？
ウェブのモックアップにはSVGがおすすめです。ファイルサイズが小さく、どの倍率でも鮮明に表示できます。メール、スライド、一部のデザインツールなど、SVGに対応していない場合はPNGを使います。
複数行のテキストを入力できますか？
テキストボックスは1行入力のため、複数行には対応していません。サイズの表示や、Logo、Bannerのような短い単語が通常は最も見やすくなります。
無料ツール · ブラウザ内で · アカウント不要