このツールについて
表紙、カード、プレゼンテーション向けのシンプルな背景を作れます。種類を選び、色、サイズ、模様の密度を調整すると、独立した SVG を生成します。元の画像は不要です。
使い方
- 単色、線形グラデーション、放射状グラデーション、繰り返し模様を選びます。
- キャンバスの幅と高さを指定するか、用途に合う定番サイズを選びます。
- 色、グラデーションの向き、模様の設定を調整してプレビューします。
- SVG をコピーするか background.svg を保存します。PNG が必要なら下の SVG → PNG を使います。
機能
- 単色、2 色の線形・放射状グラデーション、ドット、グリッド、ストライプに対応します。
- 幅、高さ、色のほか、種類に応じて角度、中心、半径、模様の間隔を調整できます。
- 完全な独立 SVG を出力し、ベクター背景は拡大しても鮮明です。
背景と出力サイズの選び方
- 横長の背景なら 1920 × 1080、カードの表紙なら 1200 × 630、正方形なら 1080 × 1080 が使えます。任意のサイズも指定できます。
- グラデーションは色を滑らかにつなぎます。模様は一定の間隔で繰り返され、規則的な背景に適しています。
- 出力形式は SVG です。固定ピクセル数の画像が必要な場合や SVG に未対応のアプリで使う場合は、SVG → PNG または SVG → JPG で変換してください。
SVG の安全性について
プレビューには安全処理済みの静的コピーを使います。スクリプト、クリック時の動作、アニメーションは実行せず、外部画像、フォント、スタイルも読み込みません。外部参照、埋め込み Web ページ、未対応の内容を除去するため、元の表示と異なる場合があります。DOCTYPE や独自の実体を含む文書には対応していません。
SVG ファイルや UTF-8 ソースは最大 2 MiB、ノード数は要素とテキストを含め 20,000 個、入れ子は 96 階層までです。大きすぎる場合や構造が複雑な場合は、先にファイルを簡略化してください。
プライバシー
SVG はお使いのブラウザー内で処理され、サーバーにはアップロードされません。
入力や結果は自動保存されません。クリアやページ移動の前に必要なファイルを保存し、元のファイルも保管してください。
よくある質問
拡大しても背景がぼやけにくいのはなぜですか？
単色、グラデーション、模様はベクターとして記述され、固定のピクセルを拡大するのではなく、表示サイズに合わせて描き直されます。
SVG のグラデーションとは何ですか？
位置に応じた色の変化です。線形グラデーションは一定方向に、放射状グラデーションは中心から外側に色が変わります。
SVG のパターンとは何ですか？
ドットやグリッドなど、小さな模様を繰り返す仕組みです。間隔やサイズで背景の密度を変えられます。
SVG 背景を PNG にするには？
生成した SVG を保存し、関連ツールの SVG → PNG を開きます。ファイルを選び、出力サイズを設定して変換してください。