SVG画像を簡単に生成・カスタマイズできる無料ツール！Webサイトやスマホアプリの背景にぴったり -BGJar

Webサイトやスマホアプリの背景にぴったりなSVG画像を簡単に生成できる無料オンラインツールを紹介します。

ドットで構成された地図、流線型のブロッブ、回路基板、ウェーブ、シャイニーオーバーレイなど、カスタマイズにも対応したツールです。

BGJar

• BGJarの特徴
• BGJarの使い方

BGJarの特徴

BGJarは、SVGの背景画像を簡単に生成できるツールです。サイズやカラーの変更をはじめ、各エフェクトのカスタマイズにも対応しています。
ライセンスはCC BY 4.0で、商用でも無料で利用できます。

BGJar

BGJarで作成できるSVGの背景画像は、下記の通りです。
サンプルはブルーですが、カラーは簡単に変更できます。

BGJarで作成できるSVGの背景画像

BGJarで作成できるSVGの背景画像

BGJarで作成できるSVGの背景画像

BGJarの使い方

BGJarの使い方は簡単、登録など面倒なことは一切不要です。
まずは、サイトにアクセスします。

BGJar

画像を選択して「Customize」をクリックすると、カスタマイズ画面になります。

World Map 世界地図を選択

カスタマイズのツールは左サイドバーにあります。まずは、ハイライトされている場所を変更してみます。

「Active Area」で場所を変更

「Japan」にすると、日本全域はもちろん、各都市も選択できます。

ハイライトされている場所の選択

日本全域を選択してみました。

日本全域を追加

カラーやサイズも簡単に変更できます。
世界地図の場合は、背景とドットのカラーを変更できます。

カラーの変更

カラーはグラデーションにも対応しています。

背景をグラデーションに変更

カスタマイズが終了したら、下部の「Download」からSVGをダウンロードできます。また、「Get Code」からは、SVGのコード・Data URI・CSSのBackground Imageとして利用できます。