無料Webツール

サイズ・色・文字を指定してダミー画像作成

必要な寸法と色を指定して、ダミー画像をPNGで作成します。

画像を設定

使い方と確認ポイント

幅・高さ・背景色・文字色・ラベルを指定し、レイアウト確認用のダミーPNGを作ります。Web制作や資料作成で、本番画像がまだない場所の寸法を先に確定したいときに便利です。

  1. 幅・高さを16px以上で指定します。
  2. 背景色・文字色と、中央に表示する短いラベルを設定します。
  3. PNGを作成し、実際のレイアウトへ入れてサイズ感を確認します。
最小寸法
幅・高さとも16px
最大
幅×高さが3,000万画素以下
ラベル未入力
「幅 × 高さ」を自動表示
出力
PNG

OG画像枠の確認用に1200×630を作る

幅1200、高さ630、ラベル 1200 × 630 で作れば、本番デザイン前にカードやOGP枠の占有サイズを確認できます。

このツールは「仮画像」を作るもので、写真風素材やデザインを自動生成するものではありません。長いラベルは読みづらくなるため、寸法や用途名など短い文字がおすすめです。

実画像が未完成でもレイアウトを進められる

開発・デザインの初期段階で、画像の縦横比や占有面積だけ先に確認できます。

色を変えると複数枠を見分けやすい

一覧画面のカードA/B/Cなどを別の背景色で作ると、どの画像枠がどのコンテンツ用か視覚的に区別しやすくなります。

文字は中央へ1行表示する

複数行説明や複雑な注釈を組むツールではありません。ラベルは寸法や「Hero」「Thumbnail」など短い識別子向けです。

3,000万画素を超える巨大画像は作らない

ブラウザ負荷を避けるため総画素数に上限があります。印刷原稿など極端に大きいキャンバス作成には向きません。

完成画像への置き換え忘れに注意する

ダミー画像が公開環境へ残らないよう、開発時にファイル名やラベルを分かりやすくしておくと見落としを防げます。

関連リファレンス: DPI・PPI・px · 用紙サイズ · アスペクト比