N2
NanToo
デザイン・Web制作

プレースホルダー画像生成ツール

OGP、SNS、広告、ブログカード、No image用の仮画像をブラウザ内で生成するツール。日本語テキスト、斜線、グリッド、Safe area表示、PNG/SVG/WebP保存に対応。

用途プリセット

1200 x 630
アスペクト比 40:21

見た目

シンプル

ライブプレビュー

ブラウザ内で生成され、画像はサーバーへ送信されません。

プレースホルダー画像生成ツールについて

プレースホルダー画像生成ツールとは

プレースホルダー画像生成ツールは、Web制作やブログ、SNS、広告バナー、ワイヤーフレームで使う仮画像をブラウザ内で作成できるツールです。OGP、YouTube、X、Instagram、ブログカード、No image、広告サイズなどのプリセットから選び、テキストや色、斜線・グリッドなどの見た目を調整できます。

生成処理はすべてブラウザ内で完結します。入力したテキストや生成画像がサーバーに送信されることはありません。

URL型プレースホルダーとの違い

従来のプレースホルダー画像サービスは、URLにサイズや色を指定して画像を返すAPI型が中心です。本ツールは、外部URLに依存せず、PNG・SVG・WebPとして手元に保存する用途に向いています。

日本語テキストの仮画像、OGPやNo imageの代替画像、社内資料や未公開サイトのモック画像など、ローカルファイルとして扱いたい場面で便利です。

主な用途プリセット

  • OGP 1200 x 630: 記事やWebページをSNSで共有するときの標準的な横長画像
  • YouTube 1280 x 720: 16:9の動画サムネイル用
  • Instagram 1080 x 1080 / 1080 x 1920: 正方形投稿とストーリー用
  • No image: 画像未設定時の代替画像
  • 広告サイズ: 300 x 250、728 x 90、160 x 600 の仮バナー
  • ワイヤーフレーム: グリッドやSafe areaを表示した画像枠

PNG・SVG・WebPの使い分け

PNGは最も扱いやすく、資料やブログ、CMSへのアップロードに向いています。SVGは拡大しても劣化しにくく、Web制作の部品として便利です。WebPはファイルサイズを抑えたい場合に向いています。

よくある質問

Q. 生成した画像はサーバーに送信されますか?
いいえ。画像生成はCanvas APIとSVG生成を使ってブラウザ内で完結します。入力したテキストや生成画像はサーバーに送信されません。
Q. OGP画像に使うならどのサイズがよいですか?
一般的には1200 x 630 pxがよく使われます。本ツールではOGPプリセットを選ぶだけでこのサイズに設定できます。
Q. 日本語テキストは入れられますか?
はい。日本語テキストを入力できます。長いテキストは折り返しと自動縮小で、できるだけ画像内に収まるように描画します。
Q. 商用サイトの仮画像に使えますか?
はい。生成した画像はWebサイト、資料、モックアップ、ブログなどの仮画像として利用できます。最終公開前には、必要に応じて正式な画像へ差し替えてください。

関連ツール

このツールを評価
(0件)