特定の画面サイズに合わせて壁紙を作るか、プリセットの解像度から始めてデザインを調整できます。プレビューは小さく表示されます。フルサイズの画像は「画像をダウンロード」を選択したときに生成されるため、書き出す前にサイズとレイヤーを設定してください。
画像の作成はすべてブラウザー内で行われます。テキストはシステムフォントで表示される通常のローカルテキストで、アップロード、外部画像、外部フォントは使用しません。
壁紙メーカーの使い方
- 「出力解像度」のプリセット（1920x1080、1080x1920、1080x1080など）を選ぶか、「カスタム」を選択して「出力幅（ピクセル）」と「出力高さ（ピクセル）」に値を入力します。
- 「メインカラー」を設定し、「背景の塗りつぶし」で「単色」「線形」「放射状」を選びます。グラデーションの場合は「グラデーション角度（度）」を調整するか、「グラデーションプリセット」で「海」または「夕暮れ」を選びます。「停止点を追加」と「停止点を削除」でグラデーションの停止点を編集します。
- テクスチャを追加するには、「パターンレイヤーを含める」を選び、「パターンの種類」で「ドット」「ストライプ」「グリッド」「斜線」「波」「タイル」から選択します。必要に応じて「パターンサイズ（出力ピクセル）」「間隔（ピクセル）」「線幅（ピクセル）」「回転（度）」「パターンのオフセット（ピクセル）」を調整します。
- 文字を入れるには、「テキストレイヤーを含める」を選び、「壁紙のテキスト（ローカルのみ）」を入力してから、「壁紙テキストの色」「システムフォント」「テキストサイズ（ピクセル）」「テキストの配置」を選びます。「テキストX（%）」と「テキストY（%）」で位置を設定します。
- 「装飾用の円（0～12）」で図形を追加します。「画像形式」で「PNG」「JPG」「WEBP」を選び、「画像をダウンロード」を選択すると、フルサイズの壁紙が生成されて保存されます。「シード値から生成」と「ベースのグラデーションCSSをコピー」も利用できます。
「全画面表示」を選ぶと、デザインを大きく表示できます。Fキーで全画面表示に入り、Escapeキーで終了し、Rキーでリセットします。全画面表示では、表示される「全画面表示を終了」「コントロールを隠す」「終了」を利用できます。
こんなときに便利
- 特定のディスプレイに壁紙を合わせる：幅と高さをカスタム設定するか、デスクトップやスマートフォンの画面に合うプリセットを選びます。
- 縦長のスマートフォン用背景を作る：1080x1920から始め、「テキストX（%）」と「テキストY（%）」で短いテキストの位置を調整します。
- シンプルなデスクトップ背景を作る：単色または線形グラデーションを使い、余計な画像のないすっきりした背景にします。
- 視覚的なテクスチャを加える：単色では物足りないときにパターンレイヤーを有効にし、間隔やサイズを調整します。
- 短いメッセージを中心に背景を作る：ローカルのテキストレイヤーを追加し、配置、フォント、サイズ、色、位置を設定します。
- 色の組み合わせを試す：完成版をダウンロードする前に、メインカラー、グラデーション設定、パターンのオプションを変更します。
- 再利用できるグラデーションのベースを作る：グラデーション自体が必要な場合は「ベースのグラデーションCSSをコピー」を使います。パターン、テキスト、図形は含まれません。
よりよい壁紙を作るコツ
使う予定のサイズで読みやすいデザインにしましょう。テキストの配置や位置を調整すると、アイコンの周りに余白を作れます。また、控えめなパターンなら背景を邪魔せず、細部を加えられます。壁紙メーカーには、手軽に使えるグラデーションプリセットとして「海」と「夕暮れ」も用意されています。
位置を正確に決めるには、「テキストX（%）」と「テキストY（%）」を試し、出力サイズを選んでから「テキストサイズ（ピクセル）」を調整してください。グラデーションの停止点を同じ位置にすると境界がくっきりするため、滑らかに変化させたい場合は停止点を離してください。「シード値から生成」でシード値を使ったバリエーションを作るか、「ベースのグラデーションCSSをコピー」でベースのグラデーション情報をコピーできます。
制限事項と出力について
プレビューはフル解像度での書き出しではありません。フルサイズの画像は「画像をダウンロード」を選択したときにのみ生成されます。出力上限は33,177,600ピクセルで、8K出力が可能かどうかはお使いのデバイスによります。特に大きなサイズの書き出しに時間がかかる、または完了しない場合は、解像度を下げてみてください。
JPGとWEBPではピクセル値が変わることがあるため、生成した値を維持したい場合はPNGを選んでください。「ベースのグラデーションCSSをコピー」に含まれるのはベースのグラデーションのみで、パターンレイヤー、テキスト、装飾図形は含まれません。そのため、これらの追加レイヤーを含む壁紙は、そのCSSだけでは再現できません。
これは背景・壁紙の作成ツールであり、写真編集ツールではありません。テキストにはシステムフォントを使用し、アップロード画像や外部フォントは使用しません。単色の背景だけが必要な場合は、単色背景ジェネレーターから始めると簡単です。
