도구 › 디자인

SVG 최적화 도구

Figma, Sketch, Illustrator에서 만든 SVG 파일을 SVGO로 줄이고, 최적화 전후를 비교하며, 접근성을 위해 제목을 유지합니다.

SVG 파일을 놓으세요또는 클릭해서 선택

이전 581 B

이후

소스

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 27.0.0 -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" viewBox="0 0 120 120" xml:space="preserve">
  <title>Seed</title>
  <g id="Layer_1"><g>
    <circle fill="#FFD23F" stroke="#2A2238" stroke-width="6.000000" cx="60.000000" cy="60.000000" r="40.000000"/>
    <path fill="none" stroke="#2A2238" stroke-width="6.000000" stroke-linecap="round" d="M 45.000000 60.000000 L 75.000000 60.000000"/>
  </g></g>
</svg>

사용 방법

업계 표준 최적화 도구인 SVGO를 브라우저에서 실행합니다.
미리보기는 이미지로 표시되므로 신뢰할 수 없는 SVG 안의 스크립트는 절대 실행되지 않습니다.

자주 묻는 질문

아이콘이 깨지지 않나요?

기본 정밀도인 소수점 3자리는 아이콘에서 눈에 띄는 차이가 없습니다. 더 줄이려면 값을 낮추고 미리보기를 확인하세요.