デザイン・Web制作

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

OGP・SNS・広告用の仮画像をブラウザ内で生成。16〜4,000px、配色・文字・ガイド・1〜3倍、実形式を確認したPNG/SVG/WebP保存に対応。

登録不要

用途プリセット

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

見た目

シンプル

ライブプレビュー

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

PNG・WebPと画像コピーに適用。SVGは基準寸法のベクターです。

このツールについて問い合わせる →

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

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

プレースホルダー画像生成ツールは、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はファイルサイズを抑えたい場合に向いています。

1x・2x・3xの倍率はPNG・WebPと画像コピーに適用されます。SVGは倍率にかかわらず入力した基準寸法で保存されます。WebPを正しい形式で生成できないブラウザでは、別形式のファイルとして誤保存せずエラーを表示します。

入力・書き出しの上限

幅と高さはそれぞれ16〜4,000pxの整数、メインテキストとサブテキストは各200文字までです。色は「#」に続く6桁の16進数で指定します。

PNG・WebPは倍率適用後の一辺が8,000px以内、合計40メガピクセル以内になる設定で書き出せます。小さい画像では、文字を縮小しても収まらない末尾を省略記号付きで省略します。保存前に生成結果の形式と寸法をブラウザ内で再確認します。

よくある質問

Q. 生成した画像はサーバーに送信されますか？
いいえ。画像生成はCanvas APIとSVG生成を使ってブラウザ内で完結します。入力したテキストや生成画像はサーバーに送信されません。
Q. OGP画像に使うならどのサイズがよいですか？
一般的には1200 x 630 pxがよく使われます。本ツールではOGPプリセットを選ぶだけでこのサイズに設定できます。
Q. 日本語テキストは入れられますか？
はい。メインテキストとサブテキストへ各200文字まで入力できます。長いテキストは折り返しと自動縮小を行い、小さい画像で収まらない末尾は省略記号付きで省略します。
Q. 画像サイズと倍率の上限はありますか？
幅と高さは各16〜4,000pxです。PNG・WebPは倍率適用後の一辺8,000px、合計40メガピクセルまでです。SVGにはラスター倍率を適用せず、入力した基準寸法で保存します。
Q. 商用サイトの仮画像に使えますか？
はい。生成した画像はWebサイト、資料、モックアップ、ブログなどの仮画像として利用できます。最終公開前には、必要に応じて正式な画像へ差し替えてください。

関連ツール

画像リサイズツール (SNSテンプレート付き)

静止画のJPEG・PNG・WebPをブラウザ内でリサイズ。ピクセル・倍率・SNSテンプレート、中央トリミング・余白、実形式確認に対応。

画像圧縮ツール

JPEG・PNG・WebP・AVIFの静止画をブラウザまたはサーバーで圧縮。端末内処理とSharp処理を比較でき、品質調整・縮小・メタデータ除去に対応。

画像フォーマット変換

8形式の画像をJPEG・PNG・WebP・AVIF・TIFF・GIFへ変換。最大20件・入力合計200MBの順次変換、品質調整、個別・ZIPダウンロードに対応。アニメーションと複数ページは先頭のみ。

画像ウォーターマーク追加ツール

テキストまたはロゴ画像のウォーターマークを写真に合成。9位置・タイル配置、透明度・回転を調整し、ブラウザ表示と同じ向き・寸法のPNG（50MBまで）で保存。元メタデータは保持せず、アニメーションは1フレームを静止画にします。画像はNanTooの処理サーバーへ送信しません。

アスペクト比計算ツール

1〜1,000,000pxの整数の幅と高さからアスペクト比を計算。10種のプリセット、比率を保つリサイズ計算、解像度例、プレビュー付き。

配色ジェネレーター

ベースカラーから補色・類似色・トライアド・スクエアなど8種の配色を生成。明度展開とCSS・Tailwind v4/v3・HEX形式のコピーに対応。

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