SVG 이미지 온라인 자르기

viewBox를 조정하거나 PNG로 래스터화하여 SVG 아이콘과 일러스트레이션을 자르세요. 무료, 벡터 특성에 솔직하며 100% 브라우저 기반입니다.

이미지 업로드

드래그 앤 드롭하거나 클릭하여 업로드

PNG, JPG, WebP, GIF, BMP 지원

Step by Step

How to SVG 자르기

01

SVG 업로드

.svg 파일을 페이지에 드롭하거나 클릭하여 찾아보세요. 브라우저의 네이티브 SVG 엔진을 사용하여 캔버스에 렌더링합니다.

02

자르기 영역 선택

렌더링된 SVG 위에서 자르기 프레임을 드래그하여 유지하려는 보이는 영역을 선택하세요.

03

결과 미리보기

미리보기는 자른 SVG를 대상 출력 해상도로 보여주므로 내보내기 전에 선명도를 확인할 수 있습니다.

04

PNG 또는 SVG로 다운로드

다운로드를 클릭하세요. 기본값은 PNG (잘린 영역의 래스터 출력)이며, viewBox 속성이 조정된 SVG 복사본을 다운로드하려면 SVG를 선택하세요.

Core Features

What You Get

브라우저의 네이티브 엔진으로 SVG 렌더링 - 그래디언트, 스트로크, 필터가 정확하게 렌더링됨
두 가지 출력 모드: PNG/WebP로 래스터화 또는 viewBox가 업데이트된 SVG 다운로드
선명한 PNG를 위한 1× ~ 4×의 조정 가능한 내보내기 해상도
PNG로 내보낼 때 자르기 영역 바깥의 투명도 유지
선택한 해상도의 실시간 미리보기
100% 브라우저 기반 - SVG는 업로드되지 않습니다
Use Cases

When to Use This

SVG 아이콘 세트를 더 타이트한 viewBox로 잘라 각 글리프가 경계 상자에 픽셀 단위로 맞도록 조정
SVG 일러스트를 자른 PNG로 래스터화하여 슬라이드 덱이나 카카오톡, 인스타그램 게시물에 활용
SVG 인포그래픽의 특정 영역을 추출하여 독립형 PNG로 출력
HTML이나 README에 임베드하기 전에 내보낸 SVG 로고의 패딩 잘라내기
FAQ

Frequently Asked Questions

출력이 벡터 SVG로 유지되나요?

모드에 따라 다릅니다. 기본 출력은 잘린 영역의 래스터화된 PNG로 대부분의 앱에 쉽게 넣을 수 있습니다. SVG 모드로 전환하면 루트 viewBox 속성과 width/height를 업데이트하여 파일은 벡터로 유지되며 잘린 영역이 새 캔버스가 됩니다.

SVG 자르기는 JPG나 PNG 자르기와 어떻게 다른가요?

래스터 자르기는 단순히 픽셀을 버립니다. SVG 자르기는 (a) viewBox를 변경하여 보이는 영역을 제한하면서 모든 원본 패스가 파일에 유지되거나 (b) 보이는 영역을 PNG로 래스터화해야 합니다. 두 가지 모두 지원합니다. PNG 출력을 선택하지 않는 한 새 viewBox 바깥의 패스는 삭제되지 않습니다.

Heroicons나 Lucide 같은 아이콘 세트에서 SVG 아이콘을 자를 수 있나요?

네. .svg를 드롭하고 자르기 프레임을 글리프 주변으로 드래그한 후, viewBox를 조정하거나 (벡터 유지, 아이콘 폰트에 완벽) SVG를 허용하지 않는 곳에 사용할 256×256 PNG로 내보내세요.

그래디언트와 투명도가 보존되나요?

PNG 내보내기는 네 - 그래디언트, 불투명도, 페더링된 스트로크가 Chrome이 렌더링하는 것과 정확히 동일하게 렌더링됩니다. SVG viewBox 모드의 경우 파일의 <defs> 블록이 다시 작성되지 않으므로 그래디언트 스톱과 알파 채널이 완전히 그대로 유지됩니다.

잘린 SVG에서 내보내기에 가장 좋은 PNG 크기는?

웹 사용의 경우 표시 크기의 2배가 가장 적합한 지점입니다 (예: 256픽셀 슬롯에 512픽셀 너비). Retina 화면에서 선명하게 유지됩니다. 인쇄의 경우 최종 크기에 대해 300 DPI로 내보내세요. 4인치 너비 인쇄에는 1200픽셀 너비의 PNG가 필요합니다.