自動文字サイズは推定値であり、自動改行やすべてのキャンバスへの収まりを保証しません。文字を短くする、キャンバスを大きくする、または自動設定を切って文字サイズを小さくしてください。生成したファイルで確認します。
プレースホルダー画像生成ツール
寸法、色、短い文字列から静止プレースホルダー画像を作成します。PNG・JPG・WebP・SVGのファイルを生成して保存するか、レイアウト用のSVG画像URLを別途コピーできます。
サイズ・色・文字を設定する
本番用の画像を準備している間、プレースホルダーで画像領域を確保できます。元画像のアップロードは不要です。
幅と高さ
各辺に1〜4,000 pxを指定できます。初期サイズは800×600です。
クイックサイズ
300×300、300×250、1200×630、1920×1080を選べます。728×90などの寸法も手入力できます。
背景色と文字色
カラーピッカーまたはHEX値で2つの単色を指定します。背景は不透明です。
表示する文字
初期状態では寸法を表示します。カスタムテキストを有効にすると最大100文字を指定でき、空欄の場合は寸法に戻ります。
文字サイズ
初期状態は自動です。無効にすると8〜200 pxを指定できます。長い文字列や小さすぎるキャンバスでは文字が切れる場合があります。
| 設定 | 選べる内容 |
|---|---|
| 幅と高さ | 各辺に1〜4,000 pxを指定できます。初期サイズは800×600です。 |
| クイックサイズ | 300×300、300×250、1200×630、1920×1080を選べます。728×90などの寸法も手入力できます。 |
| 背景色と文字色 | カラーピッカーまたはHEX値で2つの単色を指定します。背景は不透明です。 |
| 表示する文字 | 初期状態では寸法を表示します。カスタムテキストを有効にすると最大100文字を指定でき、空欄の場合は寸法に戻ります。 |
| 文字サイズ | 初期状態は自動です。無効にすると8〜200 pxを指定できます。長い文字列や小さすぎるキャンバスでは文字が切れる場合があります。 |
暗いプレースホルダーには、#1f2937のような暗い背景と#f9fafbのような明るい文字色を試せます。実際の表示サイズで読みやすさを確認してください。
プレースホルダー画像の作り方
1
寸法を選ぶ
幅と高さを入力するか、クイックサイズを選びます。縦横を連動させる場合は、目的の比率に設定してから比率ロックを有効にしてください。上限付近では両方の数値を確認します。
2
色と文字を設定する
寸法表示をそのまま使うか、短いカスタムテキストを入力します。キャンバスに対して文字が長すぎる場合は、文字サイズを調整してください。
3
ファイルを保存するかURLをコピーする
出力形式を選び「画像を生成」を押します。タスク完了後、結果一覧からダウンロードしてください。「URLをコピー」と「HTMLをコピー」は別の操作で、SVG画像用のURLを使用します。
ダウンロードとSVG画像URLを使い分ける
形式の選択は生成するダウンロードファイルに適用されます。コピーするURLの画像形式は変わりません。
画像を生成
選択したPNG・JPG・WebP・SVGをサーバーで生成します。初期設定はPNGです。
JPG・WebPの品質
「適度な圧縮」・「バランス」・「高画質」・「最高画質」から選べ、初期値は「高画質」です。どちらも非可逆圧縮で、「最高画質」も無損失モードではありません。
URLをコピー
URL内の寸法・色・文字を使ってSVGを返すアドレスをコピーします。先にダウンロード用の生成タスクを実行する必要はありません。
HTMLをコピー
同じSVGのURLを参照する画像タグをコピーします。ダウンロード形式や品質を変えても、このURLは変わりません。
| 操作 | 結果 |
|---|---|
| 画像を生成 | 選択したPNG・JPG・WebP・SVGをサーバーで生成します。初期設定はPNGです。 |
| JPG・WebPの品質 | 「適度な圧縮」・「バランス」・「高画質」・「最高画質」から選べ、初期値は「高画質」です。どちらも非可逆圧縮で、「最高画質」も無損失モードではありません。 |
| URLをコピー | URL内の寸法・色・文字を使ってSVGを返すアドレスをコピーします。先にダウンロード用の生成タスクを実行する必要はありません。 |
| HTMLをコピー | 同じSVGのURLを参照する画像タグをコピーします。ダウンロード形式や品質を変えても、このURLは変わりません。 |
設定と文字はサーバーに送信されます。コピーしたURLを持つ人は、そこに含まれる文字と設定を読み取れます。タスクの結果は一時ファイルなので、残したい画像は保存してください。
レイアウトの確認に使う
設計している画像領域に合う寸法を選びます。
カード・プロフィール枠・バナー
300×300は正方形のプロフィール枠、728×90は横長バナーの目印として使えます。用途を示す短い文字を入れると、後で本番画像に置き換えやすくなります。
既存画像の寸法を変える
すでに画像がある場合は画像リサイズを使ってください。このツールは文字入りの単色の長方形を生成します。
単純なプレースホルダーから、最終的な写真の容量や読み込み速度は予測できません。公開前に本番の素材で確認してください。
プレースホルダー画像のよくある質問
URLは設定から画像を生成するもので、本サービスの稼働に依存します。ダウンロード用タスクのファイルとは別です。本番用の素材を自分で管理する場合は、画像を保存して自分のプロジェクトで配信してください。SVGの文字は閲覧環境によって表示が異なる場合があります。
このフォームは単色背景と文字を含む1枚の静止画を生成します。透明背景やアニメーションの設定はありません。