Softonic

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

ステップ 1 / 2
サービス
次へ

ワイヤーフレームや試作、コンテンツ枠に使う仮画像を作成します。寸法、色、任意のラベルを設定し、ブラウザー上で描画したPNGを保存できます。placehold.co、picsum.photos、dummyimage.com向けのURLとHTML画像タグも生成します。

プレースホルダー画像の作り方

  1. 1

    サービスを選ぶ

    外部URLに使うplacehold.co、picsum.photos、dummyimage.comのいずれかを選びます。

  2. 2

    寸法を指定する

    幅と高さを1〜4000ピクセルで入力します。

  3. 3

    見た目を整える

    色と任意のラベルを選びます。PicsumのURLにはこれらの設定は反映されません。

  4. 4

    出力を使う

    ローカルのキャンバスをPNGで保存するか、URLまたはHTMLをコピーします。

よく使う寸法

本番画像と同じ縦横比にすると、差し替え時のレイアウトずれを防げます。

用途 寸法 縦横比
Open Graph画像 1200 × 630 px 1.91:1
動画サムネイル 1280 × 720 px 16:9
正方形の商品カード 600 × 600 px 1:1
メール用バナー 600 × 200 px 3:1
  • PNGをダウンロードすると、色、グリッド、対角線、ラベルを含むブラウザー描画が保存されます。
  • URLは選択した外部サービスを参照します。Picsumはランダムな写真を返し、色とラベルを使いません。
  • HTMLは外部URLを、幅、高さ、代替テキスト付きの<img>要素にします。

ラベルはサーバー側の状態として送信され、コピーした外部URLにも含まれる場合があります。機密情報は入力しないでください。

よくある質問

ダウンロードはPNGのみです。SVG、JPEG、WebPには書き出せません。

幅と高さはそれぞれ4000ピクセルまでです。大きなキャンバスは多くのメモリーを使う場合があります。

プレビューはローカル描画ですが、Picsumはランダムな写真を返し、色とラベルを無視するためです。

非公開とは考えないでください。アプリに送信され、ステップURLや対応する外部URLに現れる場合があります。

関連ツール

ASCII表リファレンス

0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。

HTML文字参照

HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。

キーボードショートカット一覧

macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。

JavaScript圧縮ツール

変数名のリネーム、空白の削除、デッドコードの除去、定数畳み込みでJavaScriptを圧縮し、より小さなバンドルを作成します。

FPS カウンター

requestAnimationFrame でブラウザーの FPS を測定。平滑化、最小・最大フレームレート、警告しきい値、任意のグラフに対応。ローカルで動作し、アップロードも API も不要です。

EditorConfig ジェネレーター

インデントのスタイルとサイズ、改行コード、文字コード、空白ルールを指定して .editorconfig ファイルを生成し、IDE やエディタをまたいで書式を統一できます。

このツールは他の言語でも利用できます