SVG オプティマイザー
SVG マークアップを縮小し、プレビューを比較して、選択した幅で SVG または PNG をエクスポートします。
SVG コードを貼り付けるか、ファイルを選択します。最適化してプレビューを比較し、SVG をダウンロードするか PNG をエクスポートします。
SVG・各5MB・最大10ファイル
使用方法
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、使用できないフォント、または制限を超える出力サイズにより、問題が発生する可能性があります。プレビューを確認して、より小さい幅を選択します。