バッチ SVG オプティマイザー

ビジュアルをそのままにしながら、1 回のパスで多数の SVG を圧縮します。より小さなファイル サイズを必要とする大きなアイコン パックや UI アセットに最適です。 SVG ファイルを開いてすぐに処理できます。

複数の SVG ファイルをドラッグ&ドロップ

またはクリックして複数選択

複数の .svg ファイルに対応

バッチ SVG オプティマイザーを使用する理由

複数ファイルのドラッグ&ドロップ

数十の SVG を一度にキューに入れて、各ファイルの進行状況を監視します。バッチ SVG オプティマイザーはファイル名をそのまま保持するため、バッチ SVG オプティマイザーが終了すると、すべてのアセットが既存の命名規則と一致します。フォルダーと個々のファイルを混合して、エクスポートする前に間違いを取り除くことができます。

SVGO圧縮

SVGO は、未使用の def の削除、精度のトリミング、不要なグループの折りたたみなど、実証済みの最適化を適用します。バッチ SVG オプティマイザーは、これらの安全なデフォルトを使用して、ブラウザ間でレンダリングの安定性を維持しながらサイズを削減します。カスタム データ属性に依存する場合は、それらの値が重要となる出力を確認してください。

ZIPダウンロード

バッチ SVG オプティマイザーは、すべての最適化されたファイルを単一の ZIP にバンドルして、引き継ぎを容易にします。デザイン システムの場合、バッチ SVG オプティマイザーの出力は、追加のパッケージ化を行わずに、リポジトリまたはアセット パイプラインに直接ドロップできます。 ZIP はシンプルなままなので、チームメイトと簡単に共有できます。数秒でいくつかのファイルを解凍してスポットチェックできます。

ローカル処理

バッチ SVG オプティマイザーはローカルで実行されるため、SVG はアップロード、スキャン、または保存されません。バッチ SVG オプティマイザーは、機密性の高いクライアント資産、内部ロゴ、またはオフライン ワークフローに対して機能します。オプティマイザーを実行するためにアカウント、アップロード、追跡は必要ありません。

即時結果

バッチ全体での合計サイズの削減を確認し、異常値を特定します。バッチ SVG オプティマイザーは、重いアセットを特定し、必要に応じて追加のクリーンアップに優先順位を付けるのに役立ちます。簡単に比較すると、時間をかけてより詳細な編集を行う価値があるかどうかを判断できます。

SVG をバッチ最適化する方法

1

複数のSVGをアップロードする

フォルダー内にドラッグするか、複数のファイルを選択します。バッチ SVG オプティマイザーはそれらをリストし、開始する前に SVGO 処理用にそれぞれを準備します。バッチを実行する前に、ファイルを並べ替えたり削除したりできます。 SVG ファイルを開いてすぐに処理できます。

2

SVGOで最適化する

推奨設定または選択したオプションを使用して最適化を実行します。バッチ SVG オプティマイザーは、出力を小さくするために各ファイル内のメタデータ、コメント、および冗長な属性をクリーンアップします。ファイルが異常に大きい場合は、図形を単純化するか、テキストをソース内のパスに変換します。

3

ZIPをダウンロード

元のファイル名と構造を反映した ZIP をダウンロードします。バッチ SVG オプティマイザーの出力は、実稼働ビルドまたはさらなる変換の準備ができています。 ZIP を CI で直接使用するか、解凍して健全性チェックとしていくつかのファイルを確認します。

バッチ SVG オプティマイザーに関するよくある質問

SVG ファイルをオンラインでバッチ最適化するにはどうすればよいですか?
バッチ SVG オプティマイザーは、SVGO を通じて各ファイルを送信します。これにより、SVG の視覚的な同一性を維持しながら、冗長なマークアップが削除され、精度がトリミングされ、メタデータが削除されます。バッチ SVG オプティマイザーは、ほとんどのアイコンやイラストに適合する安全なプリセットを使用しますが、出荷前に複雑なファイルを確認する必要があります。フォントが埋め込まれたファイルの場合は、フォントのメタデータの肥大化を避けるためにテキストをパスに変換します。アクセシビリティ タグに依存している場合は、それらが期待どおりに維持されていることを確認してください。
SVG のバッチ最適化により、SVG の見た目は変わりますか?
バッチ SVG オプティマイザーの目標は、レンダリングを変更せずに維持することです。ほとんどのアイコンは圧縮後は同一に見えますが、非常に複雑なファイルやエディター固有のメタデータに依存するファイルは確認する必要があります。プレビューを使用してサイズを比較すると、バッチ SVG オプティマイザーが QA プロセスに適合します。違いが見つかった場合は、積極的なオプションを減らすか、そのファイルを最適化しないままにしてください。
オンラインのバッチ SVG オプティマイザーにファイル サイズ制限はありますか?
バッチ SVG オプティマイザーは、それぞれ最大 10MB のファイルを処理します。巨大なバッチの場合、パフォーマンスはマシンに依存します。遅いと感じる場合は、バッチを小さなグループに分割します。バッチ SVG オプティマイザーはファイル名を保持するため、後で結果をマージできます。重いタブを閉じて最近のブラウザを使用すると、スループットが向上する可能性があります。メモリの警告が表示された場合は、ワークフローの安定性を保つためにバッチ サイズを減らして再試行してください。
私のファイルはアップロードされていますか?
いいえ。バッチ SVG オプティマイザーは完全にブラウザ内で実行されるため、ファイルがデバイスの外に出ることはありません。そのため、バッチ SVG オプティマイザーは機密資産、社内ブランド システム、クライアントの作業に適しています。何も保存されず、分析に送信されないため、ツールはオフラインで使用できます。
最適化すると何が得られますか?
同じ名前と順序を持つ最適化された SVG を含む ZIP を受け取ります。 SVG オプティマイザーのバッチ出力は、バージョン管理、CDN アップロード、または変換パイプラインの次のステップで使用できるようになります。 QA の監査証跡が必要な場合は、解凍してオリジナルとの差分を取得できます。サイズの予算を追跡する場合、ZIP を使用すると、リリースごとの合計節約量を簡単に測定できます。
Batch SVG Optimizer はダウンロードせずに無料で使用できますか?
はい。バッチ SVG オプティマイザーはブラウザで無料で使用できます。ダウンロードやインストールは必要ありません。
Batch SVG Optimizer を使用するにはアカウントが必要ですか?
いいえ。バッチ SVG オプティマイザーは、サインアップしなくてもブラウザで即座に動作し、ファイルはローカルに残ります。