ダミー画像ジェネレーター

モックアップなどに使用できるダミー画像を作成します。
PNG、WebP、JPEG、GIF、BMP、SVG のいずれかの形式で作成できます。

種類	PNGWebPJPEGGIFBMPSVG
サイズ	x0.5倍2.0倍　⇆

背景設定

色	ランダム
パターン	無し水玉三角縦縞横縞縦横縞左斜め縞右斜め縞左右斜め縞
画像	無しストック自由入力
フィルター	無しグレースケールセピアネガポジ反転エンボス鉛筆色鉛筆ぼかしモザイク
透過	無し25%50%75%100%

枠線設定

枠線	無し細め通常太め

文字設定

フォント	日本語英語中国語その他 IPAexゴシックIPAex明朝Noto Sans JapaneseNoto Serif JapaneseIBM Plex Sans JPBIZ UDゴシックBIZ UD明朝M PLUS 1p小杉丸（モトヤLマルベリ3等幅）キウイ丸JK丸ゴシックkawaii手書き文字あんずもじ2020ロックンロール Oneレゲエ Oneステッキ Noto SansNoto SerifIBM Plex SansIBM Plex SerifRobotoOpen SansLatoMontserratOswaldRalewaySlabo 27pxPoppinsUbuntuMerriweatherLoraPlayfair DisplayNunito Noto Sans Simplified Chinese（簡体字）Noto Serif Simplified Chinese（簡体字）Noto Sans Traditional Chinese（繁体字）Noto Serif Traditional Chinese（繁体字）Noto Sans Hong Kong（香港）Noto Serif Hong Kong（香港） Noto Sans Korean（韓国語）Noto Serif Korean（韓国語）IBM Plex Sans KR（韓国語）Noto Sans ArabicNoto Naskh ArabicIBM Plex Sans ArabicNoto Sans DevanagariNoto Serif DevanagariIBM Plex Sans Devanagari
フォント	プレビュー：
色	ランダム
サイズ	自動 pt（推奨サイズ：32 pt）
縦位置	上揃え中央揃え下揃え
横位置	左揃え中央揃え右揃え
テキスト	{type} {width} x {height} ※ 下記のキーワードが使用できます。
エフェクト	無しドロップシャドウ塗りつぶし

結果

.png ファイルとしてダウンロードする

ファイルサイズ 10.4 KB (10,664 bytes)

種類 PNG
画像サイズ 480 x 320
アスペクト比 3:2 (1.5:1)

※ 画面の表示領域より大きいサイズの画像を生成した場合、縮小して表示しています。

説明

サイズ

指定できるサイズは、最大 4096 x 4096 までです。

背景のパターン

背景にパターンを表示することができます。
「ランダムにする」にチェックを付けると、実行するたびに毎回異なったパターンが表示されますので、お好きなパターンで表示されるまで何度かお試しください。

実行例

背景の画像

お手持ちのお好きな画像を使用していただくか、もしくはストック画像を使用することができます。
使用できるファイルは、最大 5M bytes までです。
対応フォーマットは PNG、WebP、JPEG、GIF、BMP です。
アニメーション PNG（APNG）、アニメーション GIF を使用した場合は、最初のフレームが使用されます。
アニメーション WebP は使用できません。

実行例

背景の画像の適用方法

背景の画像をどのように適用するか指定できます。

実行例	説明
	画像はアスペクト比を維持したまま、指定されたサイズの全体を埋めるように拡大縮小されます。画像のアスペクト比が指定されたサイズのアスペクト比と合わない場合は、画像のあふれた部分が切り取られます。
	画像はアスペクト比を維持したまま、指定されたサイズに含まれるように拡大縮小されます。画像のアスペクト比が指定されたサイズのアスペクト比と合わない場合は、足りない部分に余白が表示されます。
	画像は拡大縮小されません。そのままのサイズで適用されます。画像のサイズが指定されたサイズより大きい場合は、画像のあふれた部分が切り取られます。画像のサイズが指定されたサイズより小さい場合は、足りない部分に余白が表示されます。

背景のフィルター

背景に特殊効果のフィルターをかけることができます。
特殊効果がかかるのは背景部分のみで、枠線部分や文字部分にはかかりません。

実行例

背景の透過

背景を透過させることができます。
透過されるのは背景部分のみで、枠線部分や文字部分は透過されません。
対応フォーマットは PNG、WebP、SVG です。

文字のフォント

各種フリーのフォントを使用させていただいてます。

フォント一覧を表示する

文字のサイズ

項目	説明
自動	画像の幅と高さから計算された推奨サイズが使用されます。テキストが画像内に全て収まらない場合は、全て収まるように自動で縮小されます。
固定	指定した文字サイズが使用されます。テキストが画像内に全て収まらない場合でも、指定した文字サイズが使用されます。

推奨サイズは、画像が大きい場合は大きく、画像が小さい場合は小さくなるよう計算されます。

文字のテキスト

数値文字参照を含めることができます。 10進数形式 (例：♪ → ♪）もしくは、16進数形式 (例：♪ → ♪）を使用できます。
フォントでサポートされていない文字がテキストで使用されている場合、その文字は白抜きの矩形（通称：豆腐文字）などに置き換えられます。

キーワード

テキスト欄に下記のキーワードを使用することができます。
キーワードを使用すると、そのキーワードの部分がそれぞれの対応する値に自動的に変換されます。
実際に出力された画像と、画像内のテキストが異なってしまうことを防止できます。

キーワード	説明	例
{type}	「種類」の値（画像のフォーマット）に変換されます。	{type} → PNG
{width}	「サイズ」欄の幅の値（画像の幅）に変換されます。	{width} → 480
{height}	「サイズ」欄の高さの値（画像の高さ）に変換されます。	{height} → 320
{aspect}	画像の幅と高さから算出されたアスペクト比に変換されます。	{aspect} → 3:2
{aspect_1}	画像の幅と高さから算出されたアスペクト比（小さい値を1とした値）に変換されます。	{aspect_1} → 1.5:1

文字のエフェクト

文字部分にエフェクトをかけることができます。

項目	説明
無し	何もしません。
ドロップシャドウ	テキストに影を付けます。
塗りつぶし	テキストの範囲を塗りつぶします。

実行例	説明
	画像はアスペクト比を維持したまま、指定されたサイズの全体を埋めるように拡大縮小されます。画像のアスペクト比が指定されたサイズのアスペクト比と合わない場合は、画像のあふれた部分が切り取られます。
	画像はアスペクト比を維持したまま、指定されたサイズに含まれるように拡大縮小されます。画像のアスペクト比が指定されたサイズのアスペクト比と合わない場合は、足りない部分に余白が表示されます。
	画像は拡大縮小されません。そのままのサイズで適用されます。画像のサイズが指定されたサイズより大きい場合は、画像のあふれた部分が切り取られます。画像のサイズが指定されたサイズより小さい場合は、足りない部分に余白が表示されます。

ダミー画像ジェネレーター

結果

説明

サイズ

背景のパターン

実行例

背景の画像

実行例

背景の画像の適用方法

背景のフィルター

実行例

背景の透過

文字のフォント

文字のサイズ

文字のテキスト

キーワード

文字のエフェクト

関連サイト

お知らせ

関連ツール

フィードバック

サポート