UUUP Tools

デザインツール

SVG最適化 - クリーンアップと圧縮

SVG comment、editor metadata、余分な whitespace をブラウザ内でローカル除去し、より短い markup へ整えます。icon 圧縮、書き出し後の cleanup、inline SVG の準備に便利です。これは軽量 cleaner であり、完全な SVGO plugin pipeline ではありません。

クイック切替→SVGカラーエディター
SVGOptimizeMinify
クイック切替:SVGカラーエディターSVG スプライト結合

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

デザインツールに戻る すべてのツールを見る

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • icon SVG を圧縮する
  • design tool 由来のノイズを除去する
  • inline SVG 用に整形する

使い方

  1. SVG markup を貼り付ける
  2. cleanup option を選ぶ
  3. optimize して結果をコピーする

入出力サンプル

SVG

<svg><!-- comment --></svg>

出力

短縮されたSVG

FAQ

完全な SVGO と同じですか？

いいえ。対象は comment、whitespace、metadata など一般的な冗長部分を掃除する軽量 local cleaner で、SVGO の完全な plugin chain ではありません。

見た目が変わることはありますか？

主に冗長部分を除去しますが、意味や見た目に影響し得る option を使う場合は production 前に preview を比較してください。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

SVGカラーエディター

SVGカラーエディター - fill と stroke を編集

利用可能

SVG markup を貼り付けると fill / stroke の色を抽出して編集可能な palette として表示し、変更内容をライブプレビューしながら更新後の SVG をコピーできます。icon の recolor や簡単な vector tint 調整向けです。

SVG Recolor Icons
ツールを開く

SVG スプライト結合

SVG Sprite Combiner — 複数アイコンを 1 つのスプライトに統合

利用可能

複数の SVG アイコンをアップロードし、symbol 参照スニペット付きの 1 つの SVG スプライトに統合してダウンロードできます。

SVG Sprite Icons
ツールを開く