SVG余白削除

SVG余白削除 — SVGファイルの余白を自動トリミング。アイコン・ロゴの整理に便利、無料オンラインツール。

使い方

  1. SVGファイルをドラッグまたはマークアップを貼り付け
  2. 余白が削除された結果を確認
  3. ダウンロードまたはマークアップをコピー

画像ファイルを選択

結果

tooli

SVGファイルをアップロードしてください!マークアップタブでSVGコードを貼り付けることもできます。

😄 広告で無料

関連ツール

iToolのその他の機能!

よくある質問

SVGファイルに余白が生じる原因は何ですか?

SVGファイルのviewBoxやwidth・height属性が実際のグラフィックコンテンツより大きく設定されている場合に余白が生まれます。デザインツールからエクスポートする際にキャンバスサイズがそのままSVGに反映されることが多いです。

余白を除去するとviewBoxは自動的に調整されますか?

はい、iTool SVGクロップツールは実際のグラフィック領域を分析し、viewBoxを自動的に最適化します。コンテンツが全体に広がった余白のないSVGファイルが生成されます。

余白を除去するとSVGファイルサイズも小さくなりますか?

viewBoxの値を変更するだけではファイルサイズへの影響はほとんどありません。余白除去は主に、SVGを他の画像やUI要素に挿入する際の配置やサイズ調整を容易にするためのものです。

ロゴやアイコンのSVGに使えますか?

はい、ロゴやアイコン用のSVGは余白がないことで他の要素との位置合わせが正確になります。アイコンシステムを構築したり、WebでSVGを使用したりする際に特に有用です。

余白除去後、SVGの品質(解像度)は変わりますか?

変わりません。SVGはベクター形式であるためサイズを変えても品質は劣化しません。除去されるのは余白のみで、グラフィック自体はまったく変更されません。

このツールの改善にご協力ください

良い点、改善点、ほしい機能をお聞かせください