iTool

SVG余白削除

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

すべて端末内で処理されます。サーバーには送信しないので安心です。

余白を切り取るSVGをアップロードしてください

SVG

クロップ後

使い方

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

このツールが役に立ったら、必要な方にシェアしてください

関連ツール

よくある質問

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

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

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

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

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

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

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

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

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

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

対応しているファイル形式は?

SVG に対応しています。すべてブラウザ内で処理されるためファイルがサーバーに送信されることはありません。

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

いただいたご意見はすべて自分で目を通しています。不便な点やほしい機能をお気軽にお知らせください。

ファイル添付(任意)
ファイルが選択されていません

フィードバックを送信しますか?

iToolのその他の機能!

Esc

アプリ内ではダウンロードできません

アプリ内の画面ではファイルを保存できません。既定のブラウザで開くとダウンロードできます。

1
画面下部ツールバーのボタンをタップアプリ下部ツールバーのボタン位置
2「ブラウザで開く」を選択