プレースホルダー画像ジェネレーター

色、キャプション、グラデーション、パターン、境界線、30 以上のプリセットを使用して、任意のサイズのカスタム プレースホルダーとダミー画像を作成します。 PNG、JPG、WebP、または SVG をエクスポートしたり、ZIP をバッチダウンロードしたり、データ URI、<img>、CSS または Markdown スニペットをコピーしたりできます。無料、ウォーターマークなし、100% ブラウザーで実行できます。

ブラウザ内で完全にカスタムのダミー画像を作成する、無料の高度なプレースホルダー画像ジェネレーターです。任意のサイズ、色、キャプション、背景スタイルを設定し、30 以上のソーシャル/広告/デバイス プリセットを使用して、PNG、JPG、WebP、または SVG をエクスポートするか、データ URI、<img> タグ、CSS、または Markdown スニペットをコピーします。アップロード、レート制限、ウォーターマークはありません。

Share
カテゴリ
画像ツール
含まれるもの
10の特徴
アクセス
無料 · サインアップなし
プライバシー
ブラウザで実行
プレースホルダー画像ジェネレーター

Calibrating Placeholder Studio......

Please wait a moment

概要

プレースホルダー画像ジェネレーター - カスタムのダミー画像を即座に作成

Placeholder Image Generator は、モックアップ、ワイヤーフレーム、プロトタイプ、フロントエンド開発用のカスタム プレースホルダーおよびダミー イメージを作成するための無料の高度なオンライン ツールです。任意の幅と高さを入力し、色を選択し、ラベルを追加し、背景スタイルを選択して、鮮明な PNG、JPG、WebP、または無限にスケーラブルな SVG をエクスポートするか、ワンクリックで画像をデータ URI、<img> タグ、CSS 背景、またはマークダウンとしてコピーします。すべてがブラウザ内でローカルに生成されるため、レート制限や壊れたホットリンク URL はなく、何もアップロードされることはありません。

付属

特徴

01
任意のカスタム幅×高さ、オプションでロックされたアスペクト比
02
30 個以上のプリセット: アバター、ソーシャル投稿、OG カード、IAB 広告ユニットとデバイス
03
背景: ソリッド、グラデーション、ストライプ、グリッド、ドット、チェッカーボード、ノイズ
04
カスタムキャプションテキストまたは自動ピクセル寸法ラベル
05
WCAG コントラスト チェッカーによるフォント ファミリー、ウェイト、サイズ、色
06
枠線の幅/色と角の丸め
07
PNG、JPG、WebP、またはスケーラブルな SVG を 1 倍、2 倍、または 3 倍でエクスポート
08
データ URI、<img> タグ、CSS 背景、またはマークダウンとしてコピー
09
バッチ モード: 多くのサイズを一度にレンダリングし、ZIP をダウンロードします。
10
100% クライアント側 — アップロードなし、レート制限なし、ウォーターマークなし
使用方法

プレースホルダー画像ジェネレーターの使い方

  1. 01

    サイズを設定する

    カスタムの幅と高さを入力するか、Instagram の投稿、Open Graph カード、リーダーボード広告などのプリセットを選択します。縦横比を固定してサイズを比例的に変更します。

  2. 02

    スタイルを整える

    背景色、グラデーション、またはパターンを選択し、境界線と角の半径を設定して、キャプションのテキスト、フォント、サイズ、色をカスタマイズします。コントラスト チェッカーにより、ラベルが読みやすくなります。

  3. 03

    ライブプレビュー

    設定を調整するとプレースホルダーが即座に更新され、選択したエクスポート スケールで得られる正確な出力が表示されます。

  4. 04

    エクスポートまたはコピー

    PNG、JPG、WebP、または SVG を 1 ~ 3 倍でダウンロードしたり、一連のサイズを ZIP としてバッチダウンロードしたり、データ URI、<img> タグ、CSS 背景、またはマークダウン スニペットをコピーしてプロジェクトに直接貼り付けたりできます。

ユースケース

一般的な使用例

  • -デザイン中にモックアップ、ワイヤーフレーム、プロトタイプにダミー画像を入力します。
  • -フロントエンド開発中に HTML/CSS レイアウトの画像スロットを予約します。
  • -実際のアートが完成する前に、テスト用のサイズの広告クリエイティブとソーシャル カードを生成します。
  • -レスポンシブなギャラリーまたはグリッドに正確なサイズのプレースホルダーを追加します。
  • -ロックダウンされたネットワークまたはエアギャップされたネットワーク上でのデモ用に、オフラインの Base64 データ URI プレースホルダーを作成します。
  • -レート制限、ダウン、またはモックアップの漏洩を引き起こす、信頼性の低いプレースホルダー URL サービスを置き換えます。
ガイド

詳細ガイド

灰色の箱をはるかに超えたもの

古典的な「600 × 400」の灰色の長方形を超えてください。単色、滑らかなグラデーション、斜めのストライプ、グリッド、ドット、チェッカーボード、微妙なノイズから選択し、境界線や丸い角を追加し、キャプション テキスト、フォント ファミリー、太さ、サイズ、色を個別に制御します。自動寸法ラベルをオンにして、すべての画像に正確なピクセル サイズをスタンプするか、独自のテキストを書き込みます。内蔵のコントラスト チェッカーは、テキストと背景が WCAG の可読性を満たさない場合に警告を発するため、プレースホルダーはどのようなデザインでも読みやすくなります。

すべての画面、広告、ソーシャル スロットのプリセット

30 を超える既製のサイズを使用して推測する必要はありません。アバターとサムネイル、Instagram、Facebook、X/Twitter カバー用の正方形と縦長の投稿、YouTube サムネイル、Open Graph カード、IAB 広告ユニット (リーダーボード、中程度の長方形、高層ビル、ビルボード)、一般的なデバイス解像度、印刷に適した比率。サイズ変更中にアスペクト比をロックするか、バッチ モードに切り替えてサイズのセット全体を一度にレンダリングし、ZIP としてまとめてダウンロードします。レスポンシブ ギャラリーや広告クリエイティブ キットを数秒で作成するのに最適です。

開発者とデザイナー向けに構築

生成されたプレースホルダーをコードベースに直接ドロップします。すぐに貼り付けられる <img> タグ、背景画像 CSS ルール、Markdown 画像、または外部リクエストなしでオフラインで機能する Base64 データ URI をコピーします。 SVG を任意のズームでエクスポートして非常に鮮明なベクトルを作成したり、PNG/JPG/WebP を 1 倍、2 倍、または 3 倍でエクスポートして Retina ディスプレイに使用したりできます。ツール全体がクライアント側にあるため、ロックダウンされたネットワーク、ファイアウォールの内側、オフラインで動作します。これは、ダウンしたり、レート制限されたり、サードパーティのサーバーにモックアップが漏洩したりするプレースホルダ サービスの信頼できる代替品です。

よくある質問

よくある質問

プレースホルダー画像とは何ですか?いつ使用する必要がありますか?+

プレースホルダー (またはダミー) イメージは、最終的なアートワークが準備できる前にイメージ スロットを埋める代用グラフィックです。デザイナーや開発者は、これらをモックアップ、ワイヤーフレーム、プロトタイプ、HTML/CSS レイアウトで使用して、正確なサイズのスペースを確保するため、実際の写真の作成中にデザインやページが完成したように見えます。

このプレースホルダー画像ジェネレーターは無料で透かしもありませんか?+

はい。生成するすべての画像は完全に無料、フル解像度、ウォーターマークなしで、サインアップや使用制限はありません。画像はサーバーではなくブラウザーでレンダリングされるため、料金は発生せず、レート制限もありません。

どのような画像形式と解像度をエクスポートできますか?+

PNG、JPG、および WebP ラスター イメージを Retina ディスプレイ用に 1 倍、2 倍、または 3 倍でエクスポートしたり、どのズームでも鮮明なままの SVG をエクスポートしたりできます。結果を、base64 データ URI、<img> タグ、CSS 背景画像ルール、またはマークダウンとしてコピーすることもできます。

カスタムのサイズや色を設定できますか?+

絶対に。任意の幅と高さを入力し(オプションでロックされたアスペクト比を使用)、背景色、グラデーションまたはパターン、境界線、角の半径、キャプションのテキスト、フォント、サイズ、色を選択します。内蔵のコントラスト チェッカーにより、テキストと背景が読みにくい場合に警告が表示されます。

ソーシャルメディアや広告のプリセットはありますか?+

はい - アバターとサムネイル、Instagram、Facebook、X/Twitter の投稿とカバー、YouTube サムネイル、Open Graph カード、IAB 広告ユニット (リーダーボード、中程度の長方形、超高層ビル、ビルボード)、一般的なデバイス解像度を含む 30 以上のプリセットがあります。 1 つ選択すると、サイズが自動的に入力されます。

一度に複数のサイズを生成できますか?+

はい。バッチ モードに切り替え、必要なサイズを選択すると、ツールは現在のスタイルですべてをレンダリングし、セット全体を ZIP としてダウンロードできるため、レスポンシブなギャラリーや広告クリエイティブ キットに最適です。

HTML または CSS にプレースホルダー画像を追加するにはどうすればよいですか?+

画像を生成し、コピー ボタンを使用して、すぐに貼り付けられる <img> タグまたは CSS 背景画像ルールを取得します。完全に自己完結型のオフライン プレースホルダーの場合は、base64 データ URI をコピーします。これにより、外部リクエストなしで画像がコードに直接埋め込まれます。

私のデータはどこかにアップロードされていますか?+

いいえ。ツール全体は、HTML キャンバスと SVG を使用してブラウザーのクライアント側で実行されます。画像、テキスト、設定がサーバーに送信されることはありません。そのため、プレースホルダー URL サービスとは異なり、ロックダウンされたネットワークやオフライン ネットワークでも高速、プライベート、信頼性が高くなります。

関連ツール

関連ツール