SVG を圧縮
SVG ファイルを圧縮して読み込みを速くする
メタデータ、エディター データ、冗長なマークアップ、過剰な数値精度を削除して、SVG ファイル サイズを削減します。ダウンロードする前に、元の SVG と圧縮された SVG を比較してください。何もアップロードされていません。
新規ファイルの既定値を編集しています
プレビュー
プレビューはありません。ファイルを追加して選択すると結果が表示されます。
ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。
SVG を圧縮するのはどんなとき
SVG はテキストなので、2 回圧縮されます。1 回目は冗長なマークアップが削除されるとき、もう 1 回目はサーバーが残っているものを gzip またはブロトリスするときです。エディターのエクスポートには最も多くの無駄が伴います。 Illustrator、Figma、Sketch、および Inkscape は、レンダラーが必要としない可能性があるジェネレーターのメタデータ、エディターの名前空間、未使用の定義、および高精度の座標を書き込みます。インライン SVG、シンボル スプライト、アイコン セットが JavaScript にバンドルされている場合、このオーバーヘッドを削除することが最も重要です。マークアップはダウンロードされ、ページの残りの部分とともに解析されます。
SVG ファイルをオンラインで圧縮する方法
- 1
SVG をドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
- 2
「安全」「バランス」「最大」から選び、不要な処理を個別に切ると、ファイルごとの削減率がその場で更新されます。
- 3
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。
プライバシー：ファイルはブラウザから出ません
変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。
ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。
よくある質問
SVG はどれくらい小さくなりますか？
ファイルの出所によって異なります。すでに整理されている手書きの SVG は、少しだけ失われる可能性があります。エディターのエクスポートには、多くの場合、より削除可能なメタデータ、名前空間、グループ、および数値精度が含まれます。埋め込まれたラスター イメージが大半を占めるファイルは、周囲のマークアップを最適化してもイメージ データが再圧縮されないため、ほとんど変更されない可能性があります。
圧縮すると SVG の見た目は変わりますか？
Safe は保守的ですが、Balanced と Maximum は段階的に強力な変更を適用します。座標の丸めにより細かい詳細が変更される可能性があり、幅と高さを削除すると、ページに CSS が提供されていない場合に SVG のサイズが変更される可能性があります。前後の差分が視覚的に表示されるため、ダウンロードする前に結果を確認できます。
圧縮したあとでも gzip はかけるべきですか？
はい、彼らは違う仕事をしています。このツールは、レンダラーに不要なマークアップを削除します。次に、gzip と Brotli は、転送用に残っているテキストを圧縮します。マークアップの最適化により、ブラウザーが最終的に解析するファイルが減少しますが、gzip または Brotli では、ネットワーク上に送信されるバイト数が減少します。