オンラインプレースホルダー画像生成ツール、無料でカスタムサイズ・色・テキスト

寸法入りの仮画像を作る

プレースホルダー画像は、写真やイラストなどの本番素材がそろう前に、画像枠の大きさや配置を確認するための仮画像です。このツールでは幅・高さ、背景色、文字色、表示文字を指定し、画面上で画像を確認して保存できます。幅と高さはピクセル単位で、各辺1〜5000pxの範囲です。よく使う寸法のボタンから選ぶこともできます。

文字欄を空にしておくと、入力した幅と高さが中央に表示されます。たとえば幅1280、高さ720なら、その寸法を記した画像になります。プレビューは画面内に収まるよう縮小表示されるため、表示上の大きさとファイルのピクセル寸法は同じとは限りません。

形式と画像データの違い

出力形式はPNG、JPG、WebPから選択します。PNGは画質を保ったまま扱いたい図や文字入り画像に、JPGは写真風の画像でファイルを軽くしたい場合に向く形式です。WebPも画像データを圧縮して保存する形式ですが、利用するアプリや環境で対応状況を確認してください。実際の画像形式の出力はブラウザーの対応に左右されます。WHATWGのHTML Standardでは、Canvasの画像をData URLや画像ファイルとして出力する方法と、要求形式に対応しない場合のPNGへのフォールバックが定められています（2026年10月1日確認）。

ダウンロードは画像ファイルを手元に保存する方法です。Data URLは画像そのものを文字列に含めたデータ表現で、対応するHTMLや開発用メモなどに貼り付けられます。画像を保管して誰でも見られる固定URLを作る機能とは異なります。

サイズと見た目を整えて保存する

1. 寸法を決める

   幅と高さをピクセルで入力するか、300×250、1280×720などのプリセットを選びます。極端な寸法ではなく、置きたい画像枠に近い値にするとレイアウトを確認しやすくなります。

2. 色と文字を設定する

   背景色と文字色をそれぞれ指定します。短いラベルを入力すれば画像の用途を示せます。文字欄を空にした場合は寸法表示が使われます。

3. 形式とプレビューを確認する

   PNG、JPG、WebPを選び、色・文字・縦横比を確認します。プレビューは縮小されることがあるので、画面上の見かけではなく表示される寸法情報を基準にします。

4. ファイルまたはデータを受け取る

   ダウンロードを押すと画像ファイルを保存できます。Data URLをコピーすると、画像データを含む文字列を取得できます。共有時は相手の環境で表示できるかも確認してください。

例として、ブログカードの仮画像に幅1280px、高さ720pxを設定し、薄い灰色の背景に「記事サムネイル」と入力します。プレビューで文字の見え方を確認し、PNGを選んで保存すれば、原稿や画面案に仮素材として配置できます。

出力と使い方の質問

文字の見え方と形式を確認する

長い文字列や小さな画像では、文字が読みづらくなったり端で切れたりすることがあります。文字を短くする、寸法を大きくする、プレビューを確認するといった調整をしてください。色の組み合わせによっては文字と背景のコントラストが不足します。

JPGやWebPの出力可否はブラウザーの対応状況に左右され、要求した形式が利用できない場合はPNGとして出力されることがあります。ダウンロード後にファイルを使うアプリで開けるか確認してください。Data URLは画像を文字列に含むため、長いデータは文書や入力欄を大きくし、共有先で扱いにくくなる場合があります。

この画像はレイアウト確認や説明用の仮素材です。公開ページに使う場合は、本番画像への差し替えと表示確認を行ってください。