도구 소개
SVG 크기 변경은 바깥쪽 표시 영역의 크기를 조정해 아이콘이나 일러스트의 너비와 높이를 지정합니다. SVG를 비트맵으로 바꾸거나 경로 좌표를 다시 써서 그림을 확대·축소하지 않습니다.
사용 방법
- SVG 파일을 선택하거나 소스를 붙여 넣고 현재 너비, 높이와 viewBox를 확인하세요.
- 새 너비를 입력하세요. 비율이 확인되었고 비율 유지가 켜져 있으면 높이가 함께 바뀝니다.
- 너비와 높이를 따로 설정하려면 비율 유지를 끄고 두 값을 입력하세요.
- 크기를 적용하고 미리보기를 확인한 뒤 resized.svg로 다운로드하세요.
주요 기능
- 표시 너비와 높이를 픽셀 단위로 지정하며 기본적으로 가로세로 비율을 유지합니다.
- 유효한 viewBox의 비율을 우선 사용하며 viewBox가 없으면 명시된 너비와 높이를 사용합니다.
- 확실한 크기 정보가 없으면 비율을 알 수 없다고 안내하며 너비와 높이를 직접 입력해야 합니다.
표시 크기와 내부 좌표
- width와 height는 표시 영역의 크기를, viewBox는 SVG 내부 좌표 범위를 정합니다. 이 도구는 표시 크기를 바꾸고 기존 viewBox는 유지합니다.
- 예를 들어 viewBox가 0 0 800 600일 때 비율을 유지하면서 너비를 400으로 바꾸면 높이는 300이 됩니다.
- viewBox가 없으면 너비와 높이를 바꿔도 그림이 함께 확대·축소되지 않고 보이는 영역만 바뀔 수 있습니다. 결과를 확인하고 필요하면 SVG viewBox 계산기를 이용하세요.
- 기본 다운로드는 원본에서 수정하지 않은 내용을 유지하므로 스크립트나 외부 참조가 남을 수 있습니다. 미리보기에서는 이를 제거하며 안전 처리된 SVG를 별도로 다운로드할 수도 있습니다.
SVG 안전 안내
미리보기에는 안전하게 처리한 정적 사본을 사용합니다. 스크립트, 클릭 이벤트와 애니메이션을 실행하지 않으며 외부 이미지, 글꼴과 스타일도 불러오지 않습니다. 외부 참조, 삽입된 웹페이지와 지원되지 않는 내용은 제거되므로 원본과 다르게 보일 수 있습니다. DOCTYPE이나 사용자 정의 엔티티가 포함된 문서는 지원하지 않습니다.
SVG 파일 또는 UTF-8 소스는 최대 2 MiB, 노드는 요소와 텍스트를 포함해 최대 20,000개, 중첩 깊이는 최대 96단계까지 허용됩니다. 내용이 너무 크거나 구조가 복잡하면 파일을 단순하게 정리한 뒤 사용하세요.
개인정보 보호
SVG 내용은 사용자의 브라우저에서만 처리되며 서버에 업로드되지 않습니다.
입력과 결과는 자동으로 저장되지 않습니다. 지우거나 페이지를 떠나기 전에 필요한 파일을 다운로드하고 원본 사본도 보관하세요.
자주 묻는 질문
width, height와 viewBox는 어떻게 다른가요?
width와 height는 바깥쪽 표시 영역의 크기를 정하고 viewBox는 그림의 내부 좌표 범위를 나타냅니다. 너비와 높이를 바꿔도 경로의 좌표를 직접 수정하지는 않습니다.
SVG의 크기를 바꾸면 선명도가 떨어지나요?
벡터 도형은 선명하게 확대·축소할 수 있지만 파일 안에 삽입된 픽셀 이미지의 세부 정보까지 늘어나지는 않습니다. 텍스트 표시는 글꼴과 브라우저의 영향도 받습니다.
SVG는 왜 확대해도 비트맵처럼 흐려지지 않나요?
벡터 도형은 경로와 좌표로 표현되어 브라우저가 현재 크기에 맞게 다시 그립니다. 반면 비트맵은 정해진 수의 픽셀로 구성됩니다.
가로세로 비율은 어떻게 유지하나요?
원래 비율이 800:600, 즉 4:3이고 새 너비가 400이면 높이는 400 × 3 ÷ 4 = 300입니다. 비율을 알 수 없을 때는 두 크기를 직접 입력해야 합니다.