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

ピクセルサイズと色を決め、必要ならテキストを足します。プレビューはその場で更新されます。レイアウトに置くPNGをダウンロードできます。

プレビュー

このツールが作るもの

このページはブラウザ内でプレースホルダーPNGを描きます。幅と高さはピクセルです。本物の画像ができるまで、ウェブのモックに置けるPNGです。画像の公開URLは作りません。

サイズと色の設定、青い風景のプレビューを備えたプレースホルダー画像作成ツール

使い方

  1. 1幅と高さをピクセルで設定します。
  2. 2背景色と文字色を選びます。
  3. 3任意のテキストを入れるか、単色画像にするために非表示にします。
  4. 4PNGをダウンロードし、仮の置き場所としてレイアウトに置きます。

サイズと色が有効になると、すぐプレビューが更新されます

選んだピクセルサイズどおりのPNGをダウンロードできます

トルコ語や日本語を含む任意のキャプション

ブラウザで動作し、設定はサーバーに保存されません

このページはレイアウト用の仮画像を作ります。そのモックと組み合わせやすい、ほかのデジタル素材向けのツールです。

疑問符のカードを持ち、開いたノートのそばに立つGeneratorRavenのカラスのマスコット。周囲に疑問符

プレースホルダー画像作成ツールについて

サイズはピクセルですか。

はい。幅と高さは16〜3000ピクセルです。よく使う出発点は1200 × 630で、多くのソーシャル枠やヒーロー枠に合います。

どのファイルをダウンロードしますか。

「PNGをダウンロード」は、設定した幅と高さどおりのPNGを保存します。ファイル名は placeholder-1200x630.png のようになります。この最初の版ではSVGやJPEGは出しません。

ウェブデザインではどう使いますか。

本物の写真がまだないモック、ワイヤーフレーム、未完成ページにPNGを置きます。最終素材の前に、余白・トリミング・色を判断するための場所を確保します。

自分のテキストを入れたり、非表示にできますか。

できます。空欄なら 1200 × 630 のような現在のサイズが出ます。最大100文字の短い文言を書けます。トルコ語や日本語も使えます。「テキストを表示」を切ると単色画像になります。

入力した内容は保存されますか。

いいえ。画像はブラウザ内で描かれます。サイズ、色、テキストはサーバーに保存されず、分析イベントや外部APIにも送られません。