任意のWebページで使われているSVGファイルを最適化したりコードをコピーしたりできるオープンソースのブラウザ拡張・「SVG Gobbler」

Ads

SVG Gobbler

SVG Gobblerは任意のWebページで使われているSVGファイルを最適化したりコードをコピーしたりできるオープンソースのブラウザ拡張です。

ChromeとFirefoxの拡張が用意されています。任意のWebページで起動すると、そのページで使われているSVGアイコンや画像全てをリスト表示し、それぞれのファイルをその場で最適化したりコードをコピーしたりPNGに変換する等が可能となっています。

また、一括でダウンロードしたり、新たに任意のSVGをアップロードしてその場で最適化なども可能です。

以下、使ってみたので雑感などを。

Ads


上記はGithubで起動したSSです。実行結果はchrome-extension://で始まる拡張ページで処理されます。SVGが見つからなかった場合は任意のSVGのアップロード画面が代替表示されます。

ただし、今のところはインラインで使われているSVGとimgタグのsrc属性に指定されたSVGファイルのみのようでCSSファイルでBase64化されたSVGは解析できない様です。

本拡張はオープンソースとしてもGithubにてソースコードが公開されています。ライセンスはApache-2.0。

SVG GobblerGithub

タイトルとURLをコピーしました