PixConvert

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

最大100個のSVGファイルを一度に、ブラウザ上で瞬時に圧縮できます。SVGO搭載。すべてのファイルをZIPファイルとしてダウンロード可能。登録不要。

小型SVGファイルをまとめて発送する

アイコンライブラリ、デザインシステム、またはエクスポートフォルダ全体を一度にクリーンアップできます。すべてローカルで、瞬時に実行可能です。

一度に最大100ファイル

アイコンセット全体をドロップしてください。各SVGファイルは個別に最適化されるため、個々のファイルのサイズに制限はありません。

SVGOによって提供されています

ブラウザ向けにコンパイルされた業界標準のSVGOライブラリを使用します。これは、主要なデザインツールチェーンで使用されているものと同じオプティマイザです。

グローバル最適化設定

実行するSVGOパスを切り替えることで、すべてのファイルに同じルールを適用し、一貫性のある予測可能な出力を得ることができます。

完全非公開 — 未アップロード

最適化処理はすべてブラウザ内で実行されます。ファイルはデバイスから外部に持ち出されることはありません。独自の資産を扱うのに最適です。

ファイルごとの統計情報

ファイルごとの削減量と合計削減量(削減バイト数、平均削減量、処理済みファイル数)を確認できます。

ワンクリックでZIPファイルをダウンロード

最適化されたすべてのSVGファイルを1つのZIPファイルとしてダウンロードできます。各ファイルは分かりやすくするために、ファイル名に「.min.svg」という接尾辞が付加されています。

バッチSVGオプティマイザーは誰が使用していますか?

数十個または数百個のSVGファイルを配信し、一貫した最適化処理を必要とするチーム。

アイコンライブラリ

Figma、Iconify、またはLucideからエクスポートしたアイコンセットは、コンポーネントライブラリにコミットする前にクリーンアップしてください。

  • Figmaアイコンのエクスポートを一括クリーンアップする
  • サードパーティ製アイコンパックを正規化する
  • デザイントークンからエディターIDを削除する

デザインシステム

デザインシステム内のすべてのSVG(イラスト、ロゴ、UIアセットなど)に、統一された最適化ルールを適用してください。

  • 標準化されたデザインシステムSVG
  • ブランドロゴのバリエーションをまとめて縮小
  • React/Vueコンポーネント用のアイコンを準備する

ウェブパフォーマンス監査

Lighthouse監査を実施中ですか?サイト上のすべてのSVGを一括最適化して、Core Web Vitalsの容量を数キロバイト削減しましょう。

  • サイト全体でヒーローSVGペイロードを削減する
  • インラインSVGスプライトシートを縮小する
  • すべてのイラストアセットからKBを切り取る

SVGをバッチ最適化する3つのステップ

1

最大100個のSVGファイルをアップロードエリアにドラッグ&ドロップするか、クリックしてデバイスからファイルを選択してください。

2

SVGOで実行する処理(メタデータの削除、IDのクリーンアップ、グループの統合など)を切り替えることができます。設定はすべてのファイルに適用されます。

3

「ZIPファイルをダウンロード」をクリックすると、最適化されたすべてのSVGファイルが1つのアーカイブにまとめられて入手できます。サーバーも不要で、透かしも入りません。

よくある質問

SVGファイルをオンラインで一括最適化する際のよくある質問。

一度に最適化できるSVGファイルの数はいくつですか?

1バッチあたり最大100ファイルまで処理可能です。SVGファイルは通常サイズが小さいため、100ファイルはほとんどのデバイスにとって十分な上限です。それ以上の処理が必要な場合は、複数のバッチに分割してください。

私のSVGファイルはサーバーにアップロードされていますか?

いいえ。最適化はすべてSVGOブラウザビルドを使用してブラウザ内で行われます。ファイルがデバイスから外部に送信されることはありません。

ファイルごとに異なる設定を使用することはできますか?

いいえ、設定はバッチ全体に共通です。ファイルごとに制御が必要な場合は、該当のアセットに対して単一ファイル用のSVGオプティマイザーを使用してください。

ダウンロードしたZIPファイルには何が含まれていますか?

各SVGファイルは、元のファイル名に「.min.svg」という接尾辞が付加された状態で保存されます(例:logo.svgはlogo.min.svgになります)。ZIPファイルはそのままプロジェクトに組み込むことができます。