• メニュー
  • メニュー

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

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

svg形式のファイル、ややこしいですよね。jpgやpngを使えばいいのに…

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

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

良くドラマや映画とかの画像がsvgが使われていたりします。

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

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

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


拡張機能を使おう!(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ファイル形式でダウンロードすることができます。

たまに、1つの画像だと思ったら背景とsvgの場合があるので、この方法を試してみてください。
やり方はこの方法だけではありませんが!😅


有益情報も流しているのでツイッターもぜひフォローお願いします。


参考になったらシェアお願いします!
toshiki@ひざのうえ起業家

3児&2犬(大型)のウェブ大好きパパです。

サイト作り・デザイン大好きで、どんどん新しいサイトを作ろうとしてしまう性格の持ち主。けど、深く深く極めるのも好きなハイブリットです。Wordpress歴は18年くらいです。

子どもが大きくなってしまう前に、子どもとの時間を作りたくて脱サラ計画中。ひざのうえにノートパソコンを置いてでも稼げる仕事で起業を目指しています。

10年ちょい前に世界一周チケットで主要都市だけ回る旅行も経験、これからもいっぱい旅行したい一心で切磋琢磨しています。旅行大好きだから。

好きな物:ウェブサイト/旅行(国内・海外)/動画編集/音楽(クラシック/JAZZ/ポップス)/山崎豊子/久石譲/ショパン/ピアノ/ラブラドールレトリバー/コーヒー/ワイン/スポーツ全般/スキーモーグル/高校野球/スキューバ

夢:キャンピングカーで子どもと犬と日本一周、もう一度乗りたい豪華客船クルーズ、映画音楽の作曲、プール付きか温泉付きの別荘で暖炉の前でリクライニングチェアで老眼鏡付けて分厚い洋書を手に犬を足元に居眠り。

ストーリーを見る

コメント・質問する

メールアドレスが公開されることはありません。