SVG余白削除
SVG余白削除 — SVGファイルの余白を自動トリミング。アイコン・ロゴの整理に便利、無料オンラインツール。
使い方
- SVGファイルをドラッグまたはマークアップを貼り付け
- 余白が削除された結果を確認
- ダウンロードまたはマークアップをコピー
SVGファイルをここにドロップ
SVGファイルをここにドロップ
クロップ後
SVGファイルをアップロードしてください！マークアップタブでSVGコードを貼り付けることもできます。
関連ツール
iToolのその他の機能！
HEICビューア
HEICビューア — iPhoneのHEIC/HEIF写真をブラウザで表示しJPGに変換。インストール不要、無料。
写真に日付を入れる（フィルムカメラ風 日付スタンプ）
写真に昔のフィルムカメラのような撮影日付・時刻を刻みます。EXIF撮影日時を自動認識、7セグメントのオレンジ文字、位置・サイズ調整。インストール不要、ブラウザ内で100%処理。
写真を1枚に結合
複数の写真を1枚にまとめる無料ツール。写真ごとに番号と説明を付けて、フリマ出品の商品一覧や書類整理にそのまま使えます。縦・横の配置、間隔・余白・枠線の調整、インストール不要でブラウザ内で100%処理。
JPGに変換
JPG変換 — PNG・WebP・HEICなど様々な画像をJPGに変換。複数ファイル同時変換、インストール不要、無料。
PNGに変換
PNG変換 — JPG・WebP・HEICなど様々な画像をPNGに変換。透過背景維持、インストール不要、無料。
画像圧縮
画像圧縮 — 品質を維持しながらファイルサイズを最大80%削減。JPG・PNG・WebP対応、無料オンライン。
WebPに変換
WebP変換 — JPG・PNGなどの画像をWebP形式に変換してファイルサイズを削減。Web最適化に最適、無料。
画像Base64変換ツール
画像をBase64に変換、またはBase64文字列を画像に復元。data URI即時生成、HTML・CSS埋め込みにすぐ使えます。
よくある質問
SVGファイルに余白が生じる原因は何ですか？
SVGファイルのviewBoxやwidth・height属性が実際のグラフィックコンテンツより大きく設定されている場合に余白が生まれます。デザインツールからエクスポートする際にキャンバスサイズがそのままSVGに反映されることが多いです。
余白を除去するとviewBoxは自動的に調整されますか？
はい、iTool SVGクロップツールは実際のグラフィック領域を分析し、viewBoxを自動的に最適化します。コンテンツが全体に広がった余白のないSVGファイルが生成されます。
余白を除去するとSVGファイルサイズも小さくなりますか？
viewBoxの値を変更するだけではファイルサイズへの影響はほとんどありません。余白除去は主に、SVGを他の画像やUI要素に挿入する際の配置やサイズ調整を容易にするためのものです。
ロゴやアイコンのSVGに使えますか？
はい、ロゴやアイコン用のSVGは余白がないことで他の要素との位置合わせが正確になります。アイコンシステムを構築したり、WebでSVGを使用したりする際に特に有用です。
余白除去後、SVGの品質（解像度）は変わりますか？
変わりません。SVGはベクター形式であるためサイズを変えても品質は劣化しません。除去されるのは余白のみで、グラフィック自体はまったく変更されません。
このツールの改善にご協力ください
良い点、改善点、ほしい機能をお聞かせください