【Chrome拡張機能】Web上のSVG要素を保存する！

こんにちは、ワタナベです。

今回はGoogle chromeの便利な拡張機能のご紹介。

サイトのデザイン作成の際に、素材を現行のサイトから拝借することがそれなりにあります。
画像ファイルを持っていない場合、自らサイト上のものを引っ張ってくる必要があります。
その時SVGになっているものを使用する場合、画像として読み込まれていれば他の画像と同様に保存して使用することができるのですが、SVGタグとして直接表示されていると少し厄介です。
コードをコピーして…と手間をかけてできる場合もありますが何故かうまくできない場合もあります((+_+))

そんな時に便利な拡張機能が…ありました！

SVG Export

 chromewebstore.google.com

SVG Export - Chrome ウェブストア

https://chromewebstore.google.com/detail/svg-export/naeaaedieihlkmdajjefioajbbdbdjgp?hl=ja

Download SVGs from websites as SVGs, PNGs or JPEGs

こちらの拡張機能で、SVGタグで表示させているものをsvgファイルとしてダウンロードすることができます。
タグで直接表示させているからか、ダウンロード選択画面に画像が表示されていませんが問題なくダウンロードすることができました。

ページのSVG全てまとめてダウンロードすることもできるので、そこも便利ですね。

それではまた次回。
ご閲覧ありがとうございました♪