◩
画像・デザインツール
SVG Optimizer
SVG Optimizer は入力をサーバーへ送らず、ブラウザ上で確認、変換、結果作成を行うツールです。
画像・デザインツール
Input / output
Processed in browserInput not sent to server
최적화 옵션
용량 비교
225 bytes -> 132 bytes
41.3% 절감
원본 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
최적화 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
원본 preview
%3C%2Fscript%3E%3Crect%20onclick%3D%22x%22%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E)
최적화 preview
Before/After 비교
비교 위치 50%
최적화 SVG
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
Data URI
data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E
제거 리포트
- 제거한 script
- 1
- 제거한 이벤트 핸들러
- 1
- 제거한 주석
- 1
- 제거한 metadata
- 1
SVGO plugin pipeline
removeScripts
active
1
removeEventHandlers
active
1
removeComments
active
1
removeMetadata
active
1
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
SVG Optimizer は 画像とデザインのワークフロー のためのブラウザ内ツールです。入力、設定、結果を 1 ページで扱えます。
How to use it
- 入力を貼り付ける
処理したい値を入力エリアに入力または貼り付けます。
- オプションを調整する
SVG optimizer, sanitize SVG, vector cleanup に合うモード、形式、単位を選びます。
- 結果を確認する
ツールを実行し、内容を確認してからコピーまたはダウンロードします。
Examples
SVG Optimizer の例
- Input
- サンプル入力
- Output
- ブラウザで確認した出力。
Practical tips
- 大きな入力はまず小さなサンプルで試してください。
- 広告は入力、操作、結果エリアの外に配置されます。
FAQ
SVG Optimizer には何を入力しますか？
画面のタスクに合う値を入力し、実行前にオプションを確認してください。
SVG Optimizer の結果はコピーできますか？
はい。結果を確認してからコピーまたはダウンロードできます。
SVG Optimizer はモバイルで使えますか？
はい。入力、設定、結果は小さな画面でも使いやすく並びます。
入力はサーバーに送信されますか？
いいえ。入力はブラウザ内で処理される設計です。