注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

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


目次

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

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG