SVGを最適化するためのツール

SVG最適化ツールのリスト

この記事では、コマンドラインツール、デスクトップアプリケーション、Webアプリケーション、API、および設計ソフトウェア独自の機能をカバーするさまざまなSVG最適化ツールを紹介し、詳細な学習リソースを推奨します。多くのツールはもはや維持されていませんが、引き続き利用可能であり、組み合わせて使用​​できることに注意する必要があります。

コマンドラインツール

• SVGO（現在最も人気のあるツール）
• 洗掘
• svgcleaner

これらのツールは積極的に維持されなくなりましたが、SVGを効果的に最適化することができます。単一のツールに制限する必要はなく、実際の状況に応じて適切なツールの組み合わせを選択できます。

タスクランナーと組み合わせたコマンドラインツール

• grunt-svgmin
• gulp-svgmin
• Gulp-Svgo
• svgo-loader（webpack）

これらのプラグインは、SVGOなどのツールをフロントエンドワークフローに統合できます。

デスクトップアプリケーション

• ImageOptim（macOS）
• MacOS「フォルダー操作」
• SVGO GUI（時代遅れ、32ビット）

WindowsおよびLinuxシステムには、一般的な画像最適化ソフトウェアもありますが、SVGへのサポートにはさらなる確認が必要です。

Webアプリケーション

これらのツールは、オンライン最適化のために個々のSVGファイルをアップロードするのに便利です。

• svgomg
• ナノ
• Kraken
• SVGミニファイア
• SVG Optimiser
• svg-editor

API

• ImageOptim Web Service API
• Kraken
• imgix（SVGサポートが必要）
• Cludynary（主にアップロードに使用される、最適化関数はまだ明確ではありません）

設計ソフトウェアには最適化機能が備わっています

ソフトウェアによってエクスポートされるSVGSの設計には通常、最適化が必要ですが、ソフトウェア自体は最適化機能も提供します。

• スケッチ：SVGO-Compressor（およびSVGITO Webアプリケーション）
• Figma：デフォルトで特定の最適化関数を提供します
• イラストレーター：SVG今
• Inkscape：「最適化されたSVG」をエクスポートする（内部で洗掘を使用）またはSVGO-inkscapeの使用

詳細な学習リソース

次の記事とビデオは、SVGの最適化をより深く理解するのに役立ちます。

• Michelle Barker：Web側のSVG最適化
• Jaydenセリック：SVGを最適化する方法
• SARA SOUEIDAN：Webおよび実用的なSVGO最適化ツールのSVGをより良いSVGを作成およびエクスポートするためのヒント
• Cosima Mielke：SVGの編集、変換、最適化のためのツールとリソース
• Jake Giltsoff：Web側のSVG、準備と最適化
• Andreas Larsen：Web使用のためのSVG最適化
• Josh Stoik：Web側のSVG最適化

手動SVG最適化

• Raymond Schwartz：SVGの最適化を理解し、手動で改善します
• Amberd Design Studio：SVGファイルを徐々に最適化する方法
• ビデオチュートリアル：イラストレーターのベクトルポイントの削減
• Kevin Powellビデオチュートリアル：SVGを作成、クリーニング、最適化する方法
• Brenda Storerプレゼンテーション：SVGコードの解釈
• Dudley Storey：SVG Optimization：Basics

注：

1. 維持されなくなったツール：SVGO、Scour、SVGCleaner。 （更新：SVGOはメンテナンスに復元されました。）
2. ウィキペディアのヨハネス・カリアーアーは、すべてのツールには利点があることを指摘しています。 SVGOは人気がありますが、最も多くのバグもあります。 SVGCleanerの速度は最速です。 ScourとSVGCleanerは、破損したSVGを修正することもできますが、SVGOはできません。

以上がSVGを最適化するためのツールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。