【拡張機能で簡単】svgファイルをダウンロードする方法 (SVG export)

画像をダウンロードしようと思ったときに、jpgファイルではなくsvgファイルで簡単にダウンロードできない時があります。そんなsvgの画像など保存する方法をご説明します。

svgファイルをダウンロードする方法

scvgファイルをダウンロードする方法について手順を見ていきましょう。

背景画像とタイトルが別のファイルになっているケースがあります。

アーティストの写真などが欲しいときなどはタイトルが別々になっているので逆に嬉しいですけどね！なぜ別々のファイルにしているのかは不明です…。

拡張機能を使おう！(Google Chrome)

ブラウザGoogle Chromeの拡張機能を使うと簡単にsvgを保存することができます。

SVGダウンロード拡張機能

「Add to Chrome」をクリックして拡張機能を許可すれば簡単に入れることができます。

拡張機能を使いやすくするために、アメーバのようなアイコンをクックして、「SVG Export」のピンをクリックします。

するとメニューバーにSVG Exportが出てきます👍

SVG Exportの使い方

SVG Export 拡張機能の使い方は簡単！！

以下は映画のホームページですが、背景画像以外のタイトルと公開日の文字はSVGファイルとなっています。

あまりやる人はいないと思いますが、タイトルのSVGファイルをダウンロードしたいと思います。

そしたら、ページを開きながらメニューに追加した拡張機能の「SVG Export」をクリックするだけです。

新規タブが以下のように開きます。svgファイルとして使われている画像が表示されます。

左のメニューから、SVG、JPG、PNGのいずれかのフォーマットでダウンロードができるので、必要なフォーマットを選びます。

この際、Quality(品質)を設定します。デフォルトは80になっているので、もっと良い画像にしたかったら100などに上げます。

ダウンロードしたい画像の点のハンバーガーメニュー(縦の…)をクリックするとポップアップ表示されますのでダウンロードします。

サイズも変更できるので必要があれば変更してダウンロードもできます。

jpg、pngの形式でダウンロードしたい場合は、ハンバーガーメニュー(…)からだとうまくいかないので、左下のDownload Selectedをクリックしてダウンロードしましょう。

どちらでもすぐにダウンロードがはじまります。簡単、簡単👍

まとめ：

ダウンロードしたいと思って右クリック保存したら、svgファイルだった！という時に、拡張機能で簡単にjpg, pngファイル形式でダウンロードすることができます。