ScaleWhite Tools

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

指定サイズ・背景色・テキストのダミー画像をSVG/PNGで生成します。

サイズ(幅 × 高さ)
×px

プリセット

未入力の場合は「幅×高さ」が表示されます

プレビュー

300×200

開発環境をすぐ用意したい方はこちら

お名前.com を見る

このツールについて

Webデザインやモックアップで使えるプレースホルダー(ダミー)画像をブラウザ上で生成するツールです。サイズ・背景色・テキスト色・表示テキストを自由にカスタマイズでき、SVGまたはPNG形式でダウンロードできます。外部サービスに依存せず、すべてブラウザ内で完結します。

使い方

  1. 幅と高さを入力するか、プリセットから選択します。
  2. 背景色・テキスト色をカラーピッカーまたはHEXコードで指定します。
  3. 表示テキストを入力します(未入力の場合はサイズが表示されます)。
  4. プレビューを確認し、SVG/PNGでダウンロードまたはSVGコードをコピーします。

使用例

  • OGP画像のサイズ(1200×630)でダミー画像を作成し、モックアップに配置する。
  • ワイヤーフレームの画像エリアにプレースホルダーを埋め込む。
  • SNSバナーサイズのダミー画像をチームに共有する。