Ferramentas de imagem e design

SVG Optimizer

SVG Optimizer roda no navegador para revisar, converter ou preparar resultados sem enviar a entrada para um servidor.

Ferramentas de imagem 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 é uma ferramenta local do navegador para o fluxo de imagem e design. A entrada, as opções e o resultado ficam em uma única página.

How to use it

  1. Colar a entrada

    Digite ou cole o valor que deseja processar na área de entrada.

  2. Ajustar opções

    Escolha o modo, formato ou unidade que combine com SVG optimizer, sanitize SVG, vector cleanup.

  3. Revisar o resultado

    Execute a ferramenta e copie ou baixe o resultado somente depois de conferir.

Examples

Exemplo de SVG Optimizer

Input
Entrada de exemplo
Output
Resultado revisado no navegador.

Practical tips

  • Comece com uma amostra pequena quando o conteúdo for grande.
  • Os anúncios ficam fora dos controles e resultados principais.

FAQ

Que entrada devo usar em SVG Optimizer?

Use valores compatíveis com a tarefa visível e ajuste as opções antes de executar.

Posso copiar o resultado de SVG Optimizer?

Sim. Revise o resultado e depois copie ou baixe quando estiver correto.

SVG Optimizer funciona no celular?

Sim. Entrada, opções e resultado se organizam bem em telas pequenas.

Minha entrada é enviada a um servidor?

Não. A ferramenta foi projetada para processar a entrada no navegador.