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

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

プレースホルダー画像生成ツールは、レイアウト・モックアップ・広告・コンポーネントライブラリを作るときに仮の画像が必要なデザイナーやフロントエンド開発者向けの無料ブラウザツールです。Instagram の投稿、YouTube のサムネイル、OG カード、728×90 のリーダーボードのような広告枠などのプリセットから始めるか、正確なピクセル寸法を入力できます。背景は単色・2 色の対角グラデーション・無作為なパレットにでき、対角線や格子のパターンを重ね、複数行ラベルを 9 か所のいずれかに、サンセリフ・セリフ・等幅のフォントで配置できます。寸法オーバーレイをオンにすると隅に幅と高さを刻印でき、PNG・JPG・WebP・コピー可能な SVG として書き出せます。ビットマップ形式には @2x の Retina 倍率も選べます。

プレースホルダー画像生成ツールの使い方

1. プリセット寸法（ソーシャル・サムネイル・広告）を選ぶか、正確な幅と高さをピクセルで入力します。
2. 「設定」を開いて背景を決めます：単色、2 色グラデーション、または「ランダム」を押して安全な無作為色を得ます。
3. 必要に応じて対角線や格子のパターンを重ね、寸法オーバーレイをオンにします。
4. ラベルを入力し（改行で複数行）、その位置・フォント・太さ・サイズを設定します。
5. PNG・JPG・WebP・SVG から選び、ビットマップには @2x の Retina 書き出しを有効にします。
6. ライブプレビューを確認して「ダウンロード」を押します（SVG はマークアップのコピーも可能）。

使用例

よくある質問

どのプリセット寸法が含まれますか？

ソーシャル寸法（Instagram の投稿・縦型・ストーリー、Facebook カバー、X の投稿・ヘッダー、LinkedIn バナー、YouTube サムネイル、OG カード）と標準的な広告枠（リーダーボード、ミディアムレクタングル、ワイドスカイスクレイパー、ビルボード）です。1 つ選べば幅と高さが入り、任意のカスタム寸法も入力できます。

背景とパターンの選択肢はどう使いますか？

背景は単色・2 色の対角グラデーション、または「ランダム」ボタンによる無作為パレット（ブラウザの安全な乱数生成器を使用）にできます。その上に、文字色で描く対角線または格子のパターンを重ねられます。

ラベルを複数行にして位置を変えられますか？

はい。ラベル欄で改行すると複数行になり、ブロックを 9 か所のいずれか（上/中/下 × 左/中/右）に配置し、サンセリフ・セリフ・等幅のフォントを、通常または太字の太さと自動または固定のサイズで選べます。ラベルを空にすると寸法が自動で表示されます。

@2x 書き出しは何をしますか？

ビットマップ形式（PNG・JPG・WebP）では、キャンバスを 2 倍のピクセル寸法で描画し、Retina や高 DPI ディスプレイでも鮮明に保ちます。SVG は元々解像度に依存しないため、@2x は適用されません。

画像や文字はどこかにアップロードされますか？

いいえ。各プレースホルダーは canvas と SVG の API を使ってブラウザ内で完結して描画され、ダウンロードもローカルで行われます。入力・生成した内容がサーバーに送信されることは一切ないため、オフラインでも動作し、作業内容のプライバシーが保たれます。