SVG Gobbler

ロス・ムーディーによるこの小さなプロジェクトは素晴らしいです：

SVG Gobblerは、表示しているページにベクトルコンテンツを見つけて、コードをダウンロード、最適化、コピー、表示、または画像としてエクスポートできるブラウザ拡張機能です。

WebサイトがSVGを画像として使用する場合、他の画像と同じように右クリック/保存できます。ただし、SVGの場合<svg></svg>フォームがインラインに表示される場合（通常、スタイルの理由で理にかなっています）、コピーを取得することは困難です。私は通常、開発者ツールを開いて見つけます<svg></svg>、右クリックして、コピー> [外部HTMLをコピー]を使用し、テキストファイルに貼り付けて、何でも保存します。これは私が望むよりもはるかに面倒です。

SVG Gobblerを使用して、ブラウザ拡張機能をクリックすると、オプションの素晴らしいグリッドが表示されます。

ここからすぐにダウンロードできますが、必要に応じて最適化したり、PNGとしてエクスポートすることもできます。非常に素晴らしい！私は今日それを使用しました、そして私は今日それをインストールしました。

フィードバックに関する限り、私はそれが最高だと言いたいです：

1. PNGエクスポートのサイズを調整する方法があります（必要に応じて拡大できるようにする方が良いです）。
2. WebPやAVIFなどのPNGファイルよりも優れたサイズの次世代形式でエクスポートします。
3. 白で満たされたSVGは、非白人の背景に表示され、それらが何であるかを見ることができます。
4. オプションでは、ダウンロード時にファイルに名前を付けることができます。

より大きな目標は、ウェブサイトで使用されるCSSを抽出することです。<svg></svg>真ん中。ページがSVGの外側のスタイルを使用してスタイルを使用しているため、エクスポート時に非常に異なって見えるSVGの一部は、エクスポート時に失われることに気付きました。

Safari拡張機能の変更により、RossがSafari（またはモバイルSafariさえも簡単に移植できるようにすることができるかどうか疑問に思っています。

以上がSVG Gobblerの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。