SVG オプティマイザー

SVG マークアップを縮小し、プレビューを比較して、選択した幅で SVG または PNG をエクスポートします。

SVG コードを貼り付けるか、ファイルを選択します。最適化してプレビューを比較し、SVG をダウンロードするか PNG をエクスポートします。

SVG を最適化するか PNG をエクスポートするファイルを選択するか、ここにドロップします

SVG・各5MB・最大10ファイル

変換オプション

結果を使用する前に、両方のサニタイズされたプレビューを比較してください。

このツールには、JavaScript とローカル画像処理を備えた最新のブラウザが必要です。

使用方法

SVG オプティマイザーとは何ですか?

SVG は、図形、パス、その他の要素を説明するテキストとして描画を保存します。オプティマイザーは不要なマークアップを削除してファイルを小さくします。このツールは、透明な領域を透明のままにしながら、選択した幅で PNG もエクスポートします。

SVGを最適化してPNGをエクスポート

SVG コードを貼り付けるか、ファイルを選択します。最適化してプレビューを比較し、SVG をダウンロードするか PNG をエクスポートします。

例と期待される結果

640 × 400 の SVG を開き、幅 1280 で PNG をエクスポートします。期待: 元のアスペクト比が保持される場合は 1280 × 800 PNG。最適化により、実際に保存されたバイト数がレポートされます。節約額はソースによって異なり、ゼロになる場合もあります。

SVG エクスポートのリファレンス

形式こんな方に最適透明性
SVG編集可能なベクター マークアップ。サニタイズされたプレビューを確認するサポートされているアートワーク用に保存されます
PNG幅 16 ~ 4096 ピクセル。身長は最大4096サポートされているアートワーク用に保存されます

形式と制限

SVG コードまたは .svg ファイル、それぞれ最大 5 MB、バッチごとに 10 ファイル。 PNG の幅は 16 ~ 4096 ピクセルです。高さも最大 4096 ピクセルである必要があります。スクリプト、イベント ハンドラー、外部 HTML、外部参照は、プレビューまたはエクスポート前に削除されます。テキストには利用可能なビューア フォントが使用されます。このツールはテキストをパスに変換しません。埋め込まれたラスター イメージは大きいままで、拡大しても詳細が得られない場合があります。 SVG をサニタイズすると外観が変わる可能性があります。常にプレビューを確認してください。最大 20,000 個の要素と 100 レベルのネストが受け入れられます。スタイルシート、フィルター、アニメーションも削除されます。サポートされているインライン プレゼンテーション スタイルは保持されます。

各バッチは、入力ファイルが 100 MB、ローカル結果とプレビューが 200 MB に制限されています。この制限に達した場合は、選択するファイルの数を減らしてください。

よくある質問

最適化によって何が削除されるのでしょうか?

不要なメタデータ、コメント、書式設定の空白、および選択された冗長な属性。形状ジオメトリと内部参照は控えめに保持されます。使用する前に結果を比較してください。

最適化すると SVG が壊れますか?

削除されたスクリプト、外部リソース、または利用できないフォントに依存するアートワークを変更する可能性があります。サニタイズされた元のプレビューと最適化されたプレビューを比較します。オリジナルを保持し、間違っていると思われる結果を使用しないでください。

SVG がまだ大きいのはなぜですか?

詳細なパスと埋め込まれたラスター イメージがそのサイズを占める可能性があります。空白を削除してもこれらの要素を大幅に小さくすることはできず、最適化によって何も節約されない可能性があります。

私のSVGはアップロードされていますか?

いいえ。解析、最適化、PNG エクスポートはローカルで実行されます。プレビューでは、SVG 内で参照される外部リソースは読み込まれません。

SVG から PNG への出力はどの程度鮮明ですか?またエクスポートが失敗する可能性があるのはなぜですか?

ベクター シェイプは選択した幅でレンダリングされます。埋め込まれたビットマップは、拡大するとぼやける場合があります。破損した SVG、使用できないフォント、または制限を超える出力サイズにより、問題が発生する可能性があります。プレビューを確認して、より小さい幅を選択します。