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

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

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

SVGの背景画像を簡単に生成・カスタマイズできる無料ツール

BGJar

BGJarの特徴

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

サイトのキャプチャ

BGJar

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

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

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

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として利用できます。

sponsors

top of page

©2020 coliss