ダミー画像(プレースホルダー)生成 — PNG/JPEG/WebP
最大4000×4000pxのプレースホルダー画像を、色・ラベル文字・形式(PNG/JPEG/WebP)を指定して作成。ローカル生成でダウンロードやデータURLコピーに対応。
🔒 すべてあなたのブラウザ内で動作します。入出力データはサーバに送信・保存されないため安全です。
プレビュー
🔒 ブラウザのCanvas上でローカルに生成されます。アップロードは行われません。
このツールについて
どんなレイアウトにも、本物の画像がそろう前に画像が必要です。このジェネレーターはその代役、つまりプレースホルダー画像をブラウザ内で直接生成します。幅と高さを最大4000ピクセルまで自由に指定し、背景色と文字色を選び、必要ならラベルを添えて、PNG・JPEG・WebPでダウンロードできます。モックアップの場所取りに使う、ページがさまざまな縦横比をどう扱うか確かめる、写真の到着を待つ間CMSを埋めておく、といった使い方ができます。各画像はローカルのキャンバス上に描かれるため、外部のプレースホルダーサービスに依存せず、何もアップロードされません。
よくある質問
プレースホルダー画像は、実際にはどんな用途で使われますか?
主な目的は、最終素材が届く前に作業を止めないことです。デザイナーはモックアップに配置して、クライアントの目を写真ではなくレイアウトに向けさせます。開発者は、画像枠・グリッド・レスポンシブのルールが実寸で正しく振る舞うかのテストに使います。編集者はCMSを埋めて、テンプレートのレビューを可能にします。1200×630のように正確なサイズを示すラベルがあれば、どの画像がどの枠のものか、縦横比が合っているかもひと目で分かります。
PNG・JPEG・WebPのどれでダウンロードすべきですか?
単色と文字でできたプレースホルダーには、PNGが無難な既定です。可逆圧縮なので輪郭や文字が完全にシャープなまま保たれ、どんなツールでも受け付けられます。JPEGはファイルが小さくなりますが、非可逆圧縮のためくっきりした輪郭がわずかににじむことがあります。写真が入る予定の枠に置くプレースホルダーなら問題ありません。WebPは小さいサイズと良好な画質を両立し、現代のブラウザすべてでサポートされているため、Web向けのモックアップに好適です。
画像はサーバー上で生成されるのですか?
いいえ。各画像はお使いのブラウザ自身がHTMLキャンバス上に描画し、そこから直接ダウンロードされます。プレースホルダーサービスへのリクエストは発生しません。これにはプライバシー以外の実利もあります。ページを一度読み込めばオフラインでも動作し、回数制限もなく、外部サービスの停止で表示が壊れる直リンクURLの問題も起きません。4000ピクセルの画像でも、小さな画像と同じく一瞬で生成されます。