도구95

멋진 결과물을 만들어 보세요

SVG 압축기.

실시간 비교 및 총 크기 확인과 함께 SVG 파일을 압축하고 최적화하세요. 정밀도를 조정하고 제목과 설명을 유지하며, SVG 하나 또는 일괄 ZIP으로 다운로드하세요.

광고
이미지 작업 공간
기기 내 처리
또는 여기에 드래그 앤 드롭
SVG
시작하려면 이미지를 선택하세요.이미지
광고
블로그 SVG 파일 압축 방법 가이드 읽기

모든 변경 사항을 검토하면서 SVG 아트워크를 더 가볍게 만드세요

나란히 보기 미리보기와 파일 크기 비교를 통해 정적 SVG 아이콘 및 일러스트레이션을 최적화하세요. 정밀도를 조정하고, 접근 가능한 설명을 유지하며, 최적화된 SVG 또는 파일 ZIP을 다운로드하세요.

명확한 전후 비교 보기를 통해 벡터 최적화를 더 쉽게 판단할 수 있습니다.
빠른 동영상 튜토리얼 How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. 영어 내레이션 동영상 보기

How to compress an SVG with a preview

기능 및 제어

SVG 파일 업로드 또는 마크업 붙여넣기

업로드 양식 또는 SVG 붙여넣기 탭을 사용하세요.

허용되는 SVG 입력

최대 20개의 SVG 파일을 업로드하세요(각 파일당 최대 2 MB). SVG 붙여넣기는 하나의 마크업 문서를 허용하며 이를 이미지로 엽니다. 파일은 형식이 올바른 SVG여야 합니다. 표준 SVG 문서 선언은 외부 파일을 로드하지 않고 제거되며, 사용자 지정 엔티티 선언 및 내부 문서 하위 집합은 거부됩니다. 이 도구는 대화형 또는 애니메이션 SVG 애플리케이션이 아닌 정적 벡터 아트워크를 위한 것입니다.

정리된 원본과 최적화된 출력물 비교

두 패널에서 최적화 전후의 동일한 아트워크를 보여줍니다.

원본 미리보기의 의미

두 미리보기 모두 정리된 정적 SVG을(를) 포함합니다. 원본 패널은 안전하지 않은 원본 마크업의 렌더링이 아닙니다. 최적화된 패널은 설정 변경 후 업데이트됩니다. 바이트 수는 업로드된 파일 크기와 완성된 출력물을 비교하며, 상태는 감소 또는 증가를 정확하게 보고합니다. 이미 압축된 SVG은(는) 더 작아지지 않을 수 있습니다. 원본과 최적화된 파일 크기가 나란히 표시되므로 원본 바이트와 저장된 결과를 비교할 수 있습니다.

실용적인 정밀도 수준 선택

십진수 정밀도는 1에서 5까지이며, 3에서 시작합니다.

숫자, 곡선 및 작은 세부 정보

정밀도를 낮추면 기하학적 구조가 더 공격적으로 반올림되어 파일 크기가 줄어들 수 있습니다. 또한 미세한 가장자리가 이동하거나 아주 작은 모양이 변경될 수도 있습니다. 3에서 시작하여 미리보기를 비교하고 복잡한 아트워크의 경우 정밀도를 높이세요. 최적화는 불필요한 메타데이터를 제거하고 적합한 모양 및 경로 데이터를 단순화합니다.

접근 가능한 설명 및 유용한 ID 유지

접근 가능한 제목과 설명은 기본적으로 유지됩니다.

접근성 및 외부 참조

접근 가능한 제목 및 설명 유지는 SVG 제목 및 설명 요소를 유지합니다. 내부 ID 단축은 처음에 활성화되어 있으며, 내부 참조는 함께 업데이트됩니다. 외부 CSS 또는 JavaScript가 특정 ID에 의존하는 경우 이를 비활성화한 다음 대상 페이지에서 SVG을(를) 확인하세요. 읽기 쉬운 출력 마크업은 들여쓰기된 코드를 위해 약간의 압축률을 희생합니다.

반응형 벡터 파일 준비

반응형 치수는 viewBox를 사용할 수 있을 때 고정 크기를 제거합니다.

크기 조정 및 마크업 검사

viewBox는 벡터 좌표계를 정의합니다. 반응형 치수를 사용하면 CSS 및 포함 컨텍스트가 SVG의 고정 너비와 높이 없이 표시 크기를 설정할 수 있습니다. 이미지를 다른 종횡비로 바꾸지는 않습니다. 최적화된 SVG 마크업 보기를 열어 다운로드될 정확한 텍스트를 검사하세요.

하나의 파일 또는 전체 배치 저장

원본 기본 이름이 유지되며 여러 파일은 하나의 ZIP으로 다운로드됩니다.

로컬 처리 및 정리

구문 분석, 정리 및 최적화는 브라우저 내에서 시간 제한이 있는 로컬 최적화 워커를 사용하여 실행됩니다. 스크립트, 이벤트 핸들러, 외부 리소스, 애니메이션 및 포함된 래스터 이미지는 제거됩니다. 원본 파일은 수정되지 않습니다. 시작을 선택하여 최적화된 출력물을 생성하고, 소스 자산을 교체하기 전에 대상 프로젝트에서 모양과 동작을 확인하세요.

파일 및 처리

입력
SVG 파일 또는 붙여넣은 SVG 마크업
출력
최적화된 SVG, 또는 여러 SVG 파일을 위한 하나의 ZIP

파일당 최대 2 MB까지 업로드 가능. 실행당 최대 20개의 입력 파일.

최대 20개의 파일(각 2 MB). 각 SVG은(는) 최대 20,000개의 요소를 포함할 수 있으며, 복잡한 파일은 15초의 최적화 제한 시간에 도달할 수 있습니다.

SVG 구문 분석, 정리 및 최적화는 기기에서 실행됩니다. 업로드된 SVG 파일은 이 도구를 위해 서버로 전송되지 않습니다.

이 도구는 브라우저에서 파일을 처리하고 내보냅니다. 다운로드한 이미지는 별도의 파일이며, 기기의 원본 파일은 덮어쓰이지 않습니다.

이미지 결과의 경우, 결과 다운로드 아래의 '계속'을 사용하여 호환되는 다음 단계를 선택하세요. 가져올 이미지를 선택할 수 있으며, 다음 도구는 자체 설정으로 시작됩니다.

편집기나 다운로드 페이지를 새로 고치면 도구 페이지로 돌아갑니다. 새 작업을 시작하기 전에 결과를 다운로드하세요. 파일 처리에 관한 개인정보 처리방침을 확인하세요.

FAQ

알아두면 좋은 점

시작하기 전 몇 가지 답변입니다.

기기 내 처리
최적화된 SVG이(가) 정확히 똑같이 보일까요?

최적화 도구는 정적 외관을 유지하는 것을 목표로 하지만, 반올림 및 지원되지 않는 콘텐츠 제거로 인해 파일이 변경될 수 있습니다. 미리보기를 비교하고 프로젝트에서 저장된 SVG을(를) 테스트하세요.

십진수 정밀도는 무엇을 변경하나요?

숫자 기하학 및 경로 데이터에 사용되는 정밀도를 제어합니다. 값을 낮추면 크기를 줄일 수 있지만 미세한 디테일이 어긋날 수 있습니다. 기본값은 3입니다.

제목과 설명을 유지하나요?

네, 기본적으로 유지됩니다. 해당 SVG 요소를 보존하려면 '접근 가능한 제목 및 설명 유지'를 활성화된 상태로 두세요.

스크립트나 래스터 이미지가 사라진 이유는 무엇인가요?

이 도구는 정적 벡터 출력을 생성합니다. 스크립트, 이벤트, 외부 리소스, 애니메이션 및 포함된 래스터 이미지는 삭제 과정에서 의도적으로 제거됩니다.

CSS에서 참조하는 ID를 유지할 수 있나요?

외부 코드에서 특정 ID를 참조하는 경우 '내부 ID 단축'을 끄세요. 원본을 교체하기 전에 대상 페이지에서 최적화된 파일을 확인하세요.

SVG 파일이 최적화를 위해 업로드되나요?

아니요. 이 도구는 브라우저 내에서 구문 분석 및 최적화를 수행하며 결과물을 로컬로 다운로드합니다.

DOCTYPE이 포함된 SVG을 업로드할 수 있나요?

표준 SVG 문서 선언은 허용되며 외부 식별자를 가져오지 않고 제거됩니다. 사용자 지정 엔티티 선언 및 내부 문서 하위 집합은 거부됩니다.

광고

언어38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

언어를 선택하세요. 동영상 튜토리얼은 현재 영어 내레이션을 사용합니다.