ツール95

素晴らしい作品を作ろう

SVG圧縮.

SVGファイルをライブ比較と合計サイズ表示で圧縮・最小化します。精度を調整し、タイトルや説明を保持し、1つのSVGまたはバッチZIPとしてダウンロードします。

広告
画像ワークスペース
デバイス上で処理
またはここにドラッグ&ドロップ
SVG
開始するには画像を選択してください。画像
広告
ブログ SVG ファイルを圧縮する方法 ガイドを読む

SVGのアートワークを軽量化し、すべての変更を確認する

サイドバイサイドのプレビューとファイルサイズ比較を使用して、静的なSVGアイコンやイラストを最適化します。精度を調整し、アクセシビリティの説明を保持して、最適化されたSVGまたはファイルのZIPをダウンロードします。

明確なビフォーアフター表示により、ベクター最適化の判断が容易になります。
クイックビデオチュートリアル How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. 英語のナレーション ビデオを見る

How to compress an SVG with a preview

機能とコントロール

SVGファイルをアップロードするか、マークアップを貼り付ける

アップロードフォームを使用するか、「SVGを貼り付け」タブを使用してください。

受け入れ可能なSVG入力

最大20個のSVGファイルをアップロードしてください(各ファイルは2 MB以下)。「SVGを貼り付け」では、1つのマークアップドキュメントを受け入れ、画像として開きます。ファイルは適切な形式のSVGである必要があります。標準のSVGドキュメント宣言は、外部ファイルを読み込まずに削除されます。カスタムエンティティ宣言および内部ドキュメントサブセットは拒否されます。このツールは、インタラクティブまたはアニメーション化されたSVGアプリケーションではなく、静的なベクターアートワークを対象としています。

サニタイズされたオリジナルと最適化された出力を比較する

2つのパネルに、最適化前後の同じアートワークが表示されます。

元のプレビューの意味

両方のプレビューには、サニタイズされた静的なSVGが含まれています。「オリジナル」パネルは、安全でないソースマークアップのレンダリングではありません。「最適化済み」パネルは、設定変更後に更新されます。バイト数はアップロードされたファイルサイズと完成した出力を比較し、ステータスは削減または増加を正確に報告します。すでにコンパクトなSVGは、小さくならない場合があります。ファイルサイズは「オリジナル」と「最適化済み」の横に表示されるため、ソースバイトと保存された結果を比較できます。

実用的な精度レベルを選択する

小数点以下の精度は1から5の範囲で、3から始まります。

数値、曲線、および小さな詳細

精度を下げるとジオメトリがより積極的に丸められ、ファイルサイズを削減できる場合があります。また、細かいエッジが移動したり、非常に小さな形状が変化したりすることもあります。3から開始し、プレビューを比較して、複雑なアートワークの場合は精度を上げてください。最適化により、冗長なメタデータが削除され、対象となる形状やパスデータが簡素化されます。

アクセシブルな説明と有用なIDを保持する

アクセシブルなタイトルと説明はデフォルトで保持されます。

アクセシビリティと外部参照

「アクセシブルなタイトルと説明を保持」は、SVGのタイトルおよび説明要素を保持します。「内部IDを短縮」は初期状態で有効になっており、内部参照は一緒に更新されます。外部のCSSやJavaScriptが特定のIDに依存している場合はこれを無効にし、宛先ページでSVGを確認してください。読み取り可能な出力マークアップは、圧縮率を多少犠牲にしてコードをインデントします。

レスポンシブなベクターファイルを準備する

レスポンシブな寸法は、viewBoxが利用可能な場合に固定サイズを削除します。

サイズ設定とマークアップの検査

viewBoxはベクター座標系を定義します。「レスポンシブな寸法」を使用すると、CSSと埋め込みコンテキストは、SVGの幅と高さを固定せずに表示サイズを設定できます。これにより画像のアスペクト比が変わることはありません。「最適化されたSVGマークアップを表示」を開いて、ダウンロードされる正確なテキストを検査してください。

1つのファイルまたはバッチ全体を保存する

元のベース名が保持され、複数のファイルは1つのZIPとしてダウンロードされます。

ローカル処理とサニタイズ

解析、サニタイズ、および最適化はブラウザ内で実行され、制限時間付きのローカル最適化ワーカーを使用します。スクリプト、イベントハンドラ、外部リソース、アニメーション、および埋め込みラスター画像は削除されます。元のファイルは変更されません。「開始」を選択して最適化された出力を作成し、ソースアセットを置き換える前に宛先プロジェクトで外観と動作を確認してください。

ファイルと処理

入力
SVGファイルまたは貼り付けられたSVGマークアップ
出力
最適化されたSVG、または複数のSVGファイル用の1つのZIP

1ファイルあたり最大 2 MB。 1回につき最大 20 個の入力ファイル。

最大20個のファイル(各2 MB)。各SVGには最大20,000個の要素を含めることができます。複雑なファイルは15秒の最適化制限に達する可能性があります。

SVGの解析、サニタイズ、および最適化はデバイス上で実行されます。アップロードされたSVGファイルは、このツールのためにサーバーに送信されることはありません。

このツールはブラウザ内でファイルを処理およびエクスポートします。ダウンロードされた画像は別のファイルであり、デバイス上のソースは上書きされません。

画像の結果を得るには、ダウンロード結果の下にある「続ける」を使用して、互換性のある次のステップを選択してください。引き継ぐ画像を選択できます。次のツールは独自の設定で開始されます。

エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。

よくある質問

知っておくと便利なこと

始める前のいくつかの回答。

デバイス上で処理
最適化されたSVGはまったく同じ見た目になりますか?

オプティマイザーは静的な外観の保持を目指していますが、丸め処理やサポートされていないコンテンツの削除によりファイルが変化する可能性があります。プレビューを比較し、保存したSVGをプロジェクトでテストしてください。

小数点以下の精度は何を変更しますか?

数値のジオメトリとパスデータに使用される精度を制御します。値を小さくするとサイズを削減できますが、細かい詳細がずれる可能性があります。デフォルトは 3 です。

タイトルと説明は保持されますか?

はい、デフォルトで保持されます。「アクセシブルなタイトルと説明を保持」を有効のままにすると、それらの SVG 要素が維持されます。

スクリプトやラスター画像が消えるのはなぜですか?

このツールは静的なベクター出力を生成します。スクリプト、イベント、外部リソース、アニメーション、および埋め込まれたラスター画像は、サニタイズの過程で意図的に削除されます。

CSS によって参照されるIDを保持できますか?

外部コードが特定のIDに依存している場合は、「内部IDを短縮」をオフにしてください。元のファイルを置き換える前に、ターゲットページで最適化されたファイルを確認してください。

SVG ファイルは最適化のためにアップロードされますか?

いいえ。このツールはブラウザ内で解析と最適化を行い、結果をローカルにダウンロードします。

DOCTYPEを含む SVG をアップロードできますか?

標準的な SVG ドキュメント宣言は受け入れられますが、外部識別子を取得することなく削除されます。カスタムエンティティ宣言および内部ドキュメントサブセットは拒否されます。

広告

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。