SVG オプティマイザー

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

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

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

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

変換オプション

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

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

使用方法

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

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

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

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

使い方

  1. 次の項目から元データを指定します:ファイルの選択 / またはSVGコードを貼り付けます。
  2. 設定する項目:出力フォーマット / PNG エクスポートの幅。下の説明を参照し、目的に合う選択肢を選んでください。
  3. 実行する操作:貼り付けたSVGを使用する / 最適化/エクスポート。コピー、ダウンロード、ほかの用途への使用前に結果を確認します。
  4. SVG コードを貼り付けるか、ファイルを選択します。最適化してプレビューを比較し、SVG をダウンロードするか PNG をエクスポートします。

設定の選び方

項目変更される内容
出力フォーマット不要なメタデータ、コメント、書式設定の空白、および選択された冗長な属性。形状ジオメトリと内部参照は控えめに保持されます。使用する前に結果を比較してください。
PNG エクスポートの幅ベクター シェイプは選択した幅でレンダリングされます。埋め込まれたビットマップは、拡大するとぼやける場合があります。破損した SVG、使用できないフォント、または制限を超える出力サイズにより、問題が発生する可能性があります。プレビューを確認して、より小さい幅を選択します。

入力例と期待される結果

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

うまく動かないとき

  • 削除されたスクリプト、外部リソース、または利用できないフォントに依存するアートワークを変更する可能性があります。サニタイズされた元のプレビューと最適化されたプレビューを比較します。オリジナルを保持し、間違っていると思われる結果を使用しないでください。
  • 詳細なパスと埋め込まれたラスター イメージがそのサイズを占める可能性があります。空白を削除してもこれらの要素を大幅に小さくすることはできず、最適化によって何も節約されない可能性があります。
  • ZIPを作る前に、成功したファイル数と選択した数を比べてください。失敗した行を個別に確認し、適切な設定でそのファイルだけ再試行します。ZIPをダウンロードできても全件成功とは限りません。
  • 書き出した画像を等倍で開き、文字、輪郭、透明部分を確認してください。縮小表示では目立たない欠点が、ダウンロードした画像では見えることがあります。

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、使用できないフォント、または制限を超える出力サイズにより、問題が発生する可能性があります。プレビューを確認して、より小さい幅を選択します。