ダミー画像ジェネレーター
モックアップなどに使用できるダミー画像を作成します。
PNG、GIF、JPEG、WebP、SVG のいずれかの形式で作成できます。
結果
画像サイズ 480 x 320
アスペクト比 3:2 (1.5:1)
説明
サイズ
指定できるサイズは、最大 4096 x 4096 までです。
背景のパターン
背景にパターンを表示することができます。
「ランダムにする」にチェックを付けると、実行するたびに毎回異なったパターンが表示されますので、お好きなパターンで表示されるまで何度かお試しください。
実行例
背景の画像
お手持ちのお好きな画像を使用していただくか、もしくは固定のサンプル画像を使用することができます。
使用できるファイルは、最大 5M bytes までです。
対応フォーマットは PNG、GIF、JPEG、WebP、BMP です。
実行例
背景の画像の適用方法
背景の画像をどのように適用するか指定できます。
| 実行例 | 説明 |
|---|---|
|
画像はアスペクト比を維持したまま、指定されたサイズの全体を埋めるように拡大縮小されます。 画像のアスペクト比が指定されたサイズのアスペクト比と合わない場合は、画像のあふれた部分が切り取られます。 |
|
画像はアスペクト比を維持したまま、指定されたサイズに含まれるように拡大縮小されます。 画像のアスペクト比が指定されたサイズのアスペクト比と合わない場合は、足りない部分に余白が表示されます。 |
|
画像は拡大縮小されません。そのままのサイズで適用されます。 画像のサイズが指定されたサイズより大きい場合は、画像のあふれた部分が切り取られます。 画像のサイズが指定されたサイズより小さい場合は、足りない部分に余白が表示されます。 |
背景のフィルター
背景に特殊効果のフィルターをかけることができます。
特殊効果がかかるのは背景部分のみで、文字部分にはかかりません。
実行例
文字のフォント
各種フリーのフォントを使用させていただいてます。
文字のサイズ
| 項目 | 説明 |
|---|---|
| 自動 |
画像の幅と高さから計算された推奨サイズが使用されます。 テキストが画像内に全て収まらない場合は、全て収まるように自動で縮小されます。 |
| 固定 |
指定した文字サイズが使用されます。 テキストが画像内に全て収まらない場合でも、指定した文字サイズが使用されます。 |
推奨サイズは、画像が大きい場合は大きく、画像が小さい場合は小さくなるよう計算されます。
文字のテキスト
数値文字参照を含めることができます。
10進数形式 (例：♪ → ♪）もしくは、16進数形式 (例：♪ → ♪）を使用できます。
フォントでサポートされていない文字がテキストで使用されている場合、その文字は白抜きの矩形（通称：豆腐文字）などに置き換えられます。
キーワード
テキスト欄に下記のキーワードを使用することができます。
キーワードを使用すると、そのキーワードの部分がそれぞれの対応する値に自動的に変換されます。
実際に出力された画像と、画像内のテキストが異なってしまうことを防止できます。
| キーワード | 説明 | 例 |
|---|---|---|
| {type} | 「種類」の値（画像のフォーマット）に変換されます。 | {type} → PNG |
| {width} | 「サイズ」欄の幅の値（画像の幅）に変換されます。 | {width} → 480 |
| {height} | 「サイズ」欄の高さの値（画像の高さ）に変換されます。 | {height} → 320 |
| {aspect} | 画像の幅と高さから算出されたアスペクト比に変換されます。 | {aspect} → 3:2 |
| {aspect_1} | 画像の幅と高さから算出されたアスペクト比（小さい値を1とした値）に変換されます。 | {aspect_1} → 1.5:1 |
関連サイト
関連ツール
お知らせ
-
2023/10/01 NEWツール「ダミー画像ジェネレーター」の「文字設定」の「エフェクト」に「塗りつぶし」 を追加しました。
文字が見にくい場合に見やすくすることができます。 -
2023/10/01 NEWツール「テキスト画像ジェネレーター」の公開を終了しました。
お問い合わせ等がありましたらこちらよりお願いいたします。 -
2023/09/24 NEWツール「caseスタイル変換ツール」の「変換結果」に「SNAKE_CASE」、「KEBAB-CASE」 を追加しました。
大文字のスネークケースとケバブケースに変換できます。 -
2023/09/16ツール「caseスタイル変換ツール」で「camelCase / PascalCase」 から 「snake_case」、「kebab-case」 への変換の際に、
より自然な形式に変換されるように修正しました。
不具合やバグを発見した場合は、連絡をいただけると助かります。 -
2023/08/28ブログ記事「Microsoft Edge のページの角の丸みを元に戻す方法」を追加しました。
フィードバック
要望などあれば、お気軽にどーぞ。 不具合やバグを発見した場合も、連絡をいただけると助かります。
