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

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

種類	PNG GIF JPEG WebP SVG
サイズ	x 0.5倍 2.0倍　⇆

背景設定

色
パターン	無し水玉三角縦縞横縞縦横縞左斜め縞右斜め縞左右斜め縞
パターン	ランダムにする
画像	猫1 猫2 猫3 猫4 桜街夜雪
	適用方法：全体を埋める全て含める拡大縮小しない
	回転角度：無し 90° 180° 270°
	反転方法：無し左右反転上下反転
フィルター	無しグレースケールセピアネガポジ反転エンボス鉛筆色鉛筆ぼかしモザイク

文字設定

フォント	日本語英語中国語その他 IPAexゴシック IPAex明朝 Noto Sans Japanese Noto Serif Japanese IBM Plex Sans JP BIZ UDゴシック BIZ UD明朝 M PLUS 1p 小杉丸（モトヤLマルベリ3等幅）キウイ丸 JK丸ゴシック kawaii手書き文字あんずもじ2020 ロックンロール One レゲエ One ステッキ Noto Sans Noto Serif IBM Plex Sans IBM Plex Serif Roboto Open Sans Lato Montserrat Oswald Raleway Slabo 27px Poppins Ubuntu Merriweather Lora Playfair Display Nunito 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 Devanagari（デーヴァナーガリー） Noto Serif Devanagari（デーヴァナーガリー） IBM Plex Sans Devanagari（デーヴァナーガリー）ゴシック体（sans-serif）明朝体（serif）
色
サイズ	自動 pt （推奨サイズ：32 pt）
縦位置	上揃え中央揃え下揃え
横位置	左揃え中央揃え右揃え
テキスト	{type} {width} x {height} ※ 下記のキーワードが使用できます。
エフェクト	ドロップシャドウ塗りつぶし無し

結果

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

ファイルサイズ 9.54 KB (9,770 bytes)

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

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

説明

サイズ

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

背景のパターン

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

実行例

背景の画像

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

実行例

背景の画像の適用方法

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

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

背景のフィルター

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

実行例

文字のフォント

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

フォント一覧を表示する

言語	フォント名	バージョン	URL
日本語	IPAexゴシック	004.01	https://moji.or.jp/ipafont/
IPAex明朝	004.01	https://moji.or.jp/ipafont/
Noto Sans Japanese		https://fonts.google.com/noto/specimen/Noto+Sans+JP
Noto Serif Japanese		https://fonts.google.com/noto/specimen/Noto+Serif+JP
IBM Plex Sans JP	6.4.0	https://www.ibm.com/plex/
BIZ UDゴシック		https://fonts.google.com/specimen/BIZ+UDGothic
BIZ UD明朝		https://fonts.google.com/specimen/BIZ+UDMincho
M PLUS 1p		https://fonts.google.com/specimen/M+PLUS+1p
小杉丸（モトヤLマルベリ3等幅）		https://fonts.google.com/specimen/Kosugi+Maru
キウイ丸		https://fonts.google.com/specimen/Kiwi+Maru
JK丸ゴシック		http://font.cutegirl.jp/jkmarugo.html
kawaii手書き文字	1.24	https://font.spicy-sweet.com/
あんずもじ2020		http://www8.plala.or.jp/p_dolce/site3-7.html
ロックンロール One		https://fonts.google.com/specimen/RocknRoll+One
レゲエ One		https://fonts.google.com/specimen/Reggae+One
ステッキ		https://fonts.google.com/specimen/Stick
言語	フォント名	バージョン	URL
英語	Noto Sans		https://fonts.google.com/noto/specimen/Noto+Sans
Noto Serif		https://fonts.google.com/noto/specimen/Noto+Serif
IBM Plex Sans	6.4.0	https://www.ibm.com/plex/
IBM Plex Serif	6.4.0	https://www.ibm.com/plex/
Roboto		https://fonts.google.com/specimen/Roboto
Open Sans		https://fonts.google.com/specimen/Open+Sans
Lato		https://fonts.google.com/specimen/Lato
Montserrat		https://fonts.google.com/specimen/Montserrat
Oswald		https://fonts.google.com/specimen/Oswald
Raleway		https://fonts.google.com/specimen/Raleway
Slabo 27px		https://fonts.google.com/specimen/Slabo+27px
Poppins		https://fonts.google.com/specimen/Poppins
Ubuntu		https://fonts.google.com/specimen/Ubuntu
Merriweather		https://fonts.google.com/specimen/Merriweather
Lora		https://fonts.google.com/specimen/Lora
Playfair Display		https://fonts.google.com/specimen/Playfair+Display
Nunito		https://fonts.google.com/specimen/Nunito
言語	フォント名	バージョン	URL
中国語	Noto Sans Simplified Chinese（簡体字）		https://fonts.google.com/noto/specimen/Noto+Sans+SC
Noto Serif Simplified Chinese（簡体字）		https://fonts.google.com/noto/specimen/Noto+Serif+SC
Noto Sans Traditional Chinese（繁体字）		https://fonts.google.com/noto/specimen/Noto+Sans+TC
Noto Serif Traditional Chinese（繁体字）		https://fonts.google.com/noto/specimen/Noto+Serif+TC
Noto Sans Hong Kong（香港）		https://fonts.google.com/noto/specimen/Noto+Sans+HK
Noto Serif Hong Kong（香港）		https://fonts.google.com/noto/specimen/Noto+Serif+HK
言語	フォント名	バージョン	URL
その他	Noto Sans Korean（韓国語）		https://fonts.google.com/noto/specimen/Noto+Sans+KR
Noto Serif Korean（韓国語）		https://fonts.google.com/noto/specimen/Noto+Serif+KR
IBM Plex Sans KR（韓国語）	6.4.0	https://www.ibm.com/plex/
Noto Sans Devanagari（デーヴァナーガリー）		https://fonts.google.com/noto/specimen/Noto+Sans+Devanagari
Noto Serif Devanagari（デーヴァナーガリー）		https://fonts.google.com/noto/specimen/Noto+Serif+Devanagari
IBM Plex Sans Devanagari（デーヴァナーガリー）	6.4.0	https://www.ibm.com/plex/

文字のサイズ

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

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

文字のテキスト

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

キーワード

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

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

文字のエフェクト

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

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

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