SVGファイル 変換方法 あれこれ

最近、SVGをサポートするブラウザーが増えたので、使う機会が増えてきていると思います。ロゴなど、拡大縮小する事で、淵がぼやけたり、ギザギザを避ける為にも、ぜひ使用したいフォーマットです。最新のAdobe製品をお使いの方はそのまま書き出せますが、古い場合はそうもいきません。無料でPNG、JPGから変換する方法をご紹介します。

SVGとは

ざっくり言えば、拡大、縮小しても荒れにくいフォーマットです。サイズも小さくなります。

ベクタ形式であるため、拡縮自在である。その他に、XMLベースの為、ウェブブラウザで（画像として、という意味ではなく、HTMLのソースビュー等と同様に、という意味で）閲覧でき、テキストエディタ等で編集できる。

wikipedia

オンライン上で簡単にSVGへ変換する

キレイに変換できない事があるので、いろいろなサイトで試してみて下さい。

SVG to PNG

タブ切り換えで、様々なフォーマットからの変換が可能です。

SVG to PNG

SVGファイルをネット上でPNGに変換する 無料のネット上SVGからPNGの変換ツールを使えば、SVGのファイルを簡単に、素早くアドビのPNG方式ファイルに変換できます。

Image Vectorizer

PNG、BMP、JPEGに対応。

あわせて読みたい

Online Image Vectorizer Online raster to vector converter. Convert your images (jpeg, jpg or png) into scalable and clear vector art (svg)

Convertio / AC NVERT.com

SVG変換（画像）だけでなく、動画、オーディオ、電子書籍など、いろいろ変換できるサイトです。

PDFからSVGへ変換する

上記のサイトでもPDFから変換できる場合がありますが、こちらのサイトはPDFからSVGのみです。

WordPressで使うには

WordPressではセキュリティー面の問題で、サポートされおらずSVGをアップロードする事ができません。拒絶されます。

あわせて読みたい

[WordPress] SVGをアップロードする方法 ロゴなど画像のぼやけが感が気になりませんか？WordPressで使用するロゴを作る場合、JPGやPNGで作る場合が多いと思います。Retinaディスプレイ端末（キレイな画質の端末…

cocotiie

[WordPress] SWELL おすすめの初期設定あれこれ | cocotiie とっても使いやすい最近人気のテーマ 「SWELL」。記事を書く前、カスタマイズする前に済ませておきたい設定やプラグインの導入についてです。後からではなく最初に済ませた…

プラグインもあるようです。