Strumenti immagine e design

SVG Optimizer

SVG Optimizer funziona nel browser per verificare, convertire o preparare risultati senza inviare l'input a un server.

Strumenti immagine e design

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

원본 preview

최적화 preview

최적화 preview

Before/After 비교

비교 위치 50%

최적화 SVG 비교원본 SVG 비교

최적화 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 è uno strumento locale del browser per il flusso immagine e design. Input, opzioni e risultato restano in una pagina.

How to use it

  1. Incolla l'input

    Inserisci o incolla il valore da elaborare nell'area di input.

  2. Regola le opzioni

    Scegli modalità, formato o unità adatti a SVG optimizer, sanitize SVG, vector cleanup.

  3. Verifica il risultato

    Esegui lo strumento e copia o scarica il risultato dopo la verifica.

Examples

Esempio SVG Optimizer

Input
Input di esempio
Output
Output verificato nel browser.

Practical tips

  • Con contenuti grandi, inizia da un campione piccolo.
  • Gli annunci restano fuori dai controlli e dai risultati principali.

FAQ

Quale input usare con SVG Optimizer?

Usa valori coerenti con l'attività visibile e regola le opzioni prima di eseguire.

Posso copiare il risultato di SVG Optimizer?

Sì. Verifica il risultato, poi copialo o scaricalo.

SVG Optimizer funziona su mobile?

Sì. Input, opzioni e risultato si impilano su schermi piccoli.

Il mio input viene inviato a un server?

No. Lo strumento è progettato per elaborare l'input nel browser.