SVGオプティマイザーとミニファイヤー
viewBox値を保持しながら、保守的なブラウザベースのオプティマイザーでSVGマークアップのノイズを削減します。
Keep your original file until you have checked the downloaded result. Browser memory and format support vary by device.
This conservative optimizer removes comments, metadata blocks, and unnecessary whitespace while keeping viewBox values.
SVGオプティマイザーとミニファイヤー よくある質問
viewBox は変更されますか？
いいえ。現在のワークフローは、選択されたマークアップをクリーンアップしながら既存のviewBox値を保持します。
パスを最適化しますか？
いいえ。積極的なパスの簡略化や座標の書き換えではなく、保守的なクリーンアップを実行します。
すべての出力をインラインで安全に埋め込めますか？
いいえ。まず、スクリプト、イベントハンドラー、外部参照、CSS、リンク、および埋め込みリソースを独自のセキュリティポリシーの下で確認してください。
タイトルおよび説明要素を削除すべきですか？
アクセシビリティおよびドキュメンテーションへの影響を理解している場合にのみ削除してください。これらの要素は支援技術に対して有用な名前と説明を提供する可能性があります。
出力は常に小さくなりますか？
通常、削除されたマークアップはノイズを削減しますが、シリアライズ、ソース構造、および埋め込まれたコンテンツが実際のファイルサイズを決定します。ダウンロードしたファイルを確認してください。
SVGオプティマイザーとミニファイヤー
Webサイト、ドキュメントページ、またはフロントエンドバンドルに配置する前にSVGマークアップをクリーンアップします。この保守的なブラウザベースのオプティマイザーは、コメントの除去、メタデータ、タイトル、説明ブロックの除去、タグ間のホワイトスペースのcollapseを行います。既存のviewBoxを保持し、積極的なパス書き換えを避けるため、結果の見 review が容易になります。
このガイドでは、完全なブラウザでの作業手順、結果に含まれる内容、共有前に確認すべき項目について説明します。このツールは意図的に明確な1つのファイルタスクに焦点を当てています。無音で関連しない編集、変換、アップロード、クラウドストレージの機能を追加することはありません。この狭いスコープにより、入力と出力を理解しやすくし、ダウンロードしたファイルを検証するための実用的な方法を提供します。
使用方法
処理したいファイルのコピーから始めます。特にPDFやビデオタスクの場合、ページはアクションが利用可能になる前にブラウザライブラリを読み込む必要があります。以下の手順に従ってください。
- 所有しているか編集権限を持つSVGファイルを選択します。
- メタデータ、タイトル、説明ブロックを削除するかどうかを選択します。
- タグ間のホワイトスペースをcollapseするかどうかを選択します。
- 「Optimize SVG」をクリックし、出力パネル内のシリアライズされたSVGテキストを確認します。
- 結果をダウンロードし、対象ブラウザでテストし、インライン埋め込み前にソースを検査します。
文書が重要あるいは unusually 複雑な場合は、まず代表的な小さなファイルで試してください。タブを閉じる前にステータスメッセージで処理が完了したことを確認してください。ブラウザがデコード、メモリ、または互換性のエラーを報告した場合、より小さなファイルや一般的なソースフォーマットを試してください。ダウンロードによって元のファイルは置き換えられないため、結果を確認するまで元ファイルを保管してください。
適切な使用例
このツールは以下のような焦点を絞った反復可能なファイル準備タスクに有用です。
- 本番アセットからコメントおよび非本質的な記述ブロックを削除する。
- フロントエンドバンドルやドキュメントの例のためのより小さくクリーンなSVG文字列を作成する。
- コンポーネントライブラリまたは静的Webサイトの承認済みアイコンを準備する。
- インラインとして埋め込むか画像リソースとして使用するかの判断前にSVGマークアップを確認する。
マルチトラックタイムライン、高度なタイポグラフィ、複雑なPDFフォーム、専門的なカラーマネジメント、 forensic なメタデータの保証、すべての独自ファイル機能に対する正確な往復保証が必要な場合に、これは完全なデスクトップエディターの代わりになりません。目標に一致する特定のタスクを使用し、信頼する前にダウンロードしたファイルをソースと比較してください。
出力フォーマット
出力は、ブラウザのDOMパーサーとXMLシリアライザーによってシリアライズされたSVGテキストファイルです。コメントが削除され、選択されたメタデータ要素が削除され、繰り返されるホワイトスペースが削減されます。既存のviewBox値は保持されます。これは完全なSVGオプティマイザーではなく、パスの簡略化、座標精度の削減、CSSのインライン化、アクセシビリティオーサリング、画像の埋め込み、アニメーションの保持、バイト単位での等価性を約束するものではありません。目的地の環境でレンダリング、寸法、スタイル、フィルター、リンク、アクセシビリティラベルを比較してください。
ダウンロードは新しいファイルまたはパッケージです。入力パネルで選択されたファイルを修正するものではありません。可能な場合はファイル名がソース名から生成され、タスク固有のサフィックスが付くため、ソースと結果を簡単に区別できます。ZIP結果には1つ以上の生成アセットが含まれる場合があり、期待されるファイルが存在することを確認するために開く必要があります。テキスト結果の場合、ダウンロード後に改行コード、エンコーディング、インデント、およびプラットフォーム固有の構文を確認します。ビジュアルまたはドキュメント結果の場合、寸法、ページ順序、再生、フォント、リンク、透明度、および目的地にとって重要なその他の機能を確認します。
プライバシー
SVGテキストは、リモート最適化APIなしでブラウザ内で解析およびシリアライズされます。ローカル処理が行われても、出力がインライン埋め込みに対して自動的に安全であるわけではありません。スクリプト、イベントハンドラー、外部参照、埋め込み画像、CSS、リンクは、自分のコンテンツセキュリティポリシーの下で確認するまでは信頼できないものとして扱ってください。独自のアートワークには信頼できるデバイスを使用し、最適化を元に戻せるようソースをバージョン管理下に保管してください。
ブラウザでの処理は、周囲のすべてのWebサイト、ブラウザ拡張機能、オペレーティングシステム、または共有コンピュータがプライベートであるという約束と同じではありません。信頼できるデバイスを使用し、機密性の高い作業後はタブを閉じ、機密資料には公共のコンピュータを避けてください。所有していないか編集許可のないファイルを選択しないでください。組織で文書化されたデータ処理契約、保持ポリシー、または監査証跡を要求する場合、公共のブラウザツールのみに依存するのではなく、承認された内部ワークフローを使用してください。
品質と互換性の注意事項
XMLシリアライズは、視覚的な結果が似ていても、フォーマットと名前空間の提示を変更する場合があります。タイトルまたは説明要素の削除はアクセシビリティに影響を与える可能性があり、ホワイトスペースのcollapseは一部のテキスト感受性の高いSVG構成では安全でない可能性があります。オプティマイザーは意図的に保守的であり、セキュリティサニタイザーまたは保証されたサイズ最小化エンジンとして説明されるべきではありません。最適化後にアイコン、フィルター、マスク、アニメーション、フォント、外部参照をテストしてください。
ダウンロードが成功したことは、ブラウザが結果を作成したことを意味するだけで、ターゲットアプリケーションがすべて期待通りに受け入れまたは表示するという保証ではありません。使用するアプリケーション、Webサイト、またはデバイスで結果を開いてください。精度が重要である場合は、ソースと出力を並べて比較し、ソースを復旧可能なマスターとして保管してください。