SVG 크기 조정 / viewBox 편집기

새 웹사이트 레이아웃에 맞춰 SVG 아이콘 크기를 조정하거나, 인쇄 프로젝트용 로고를 확대할 때 흐릿해지는 문제를 겪어보셨나요? SVG 크기 조정기가 완벽한 해결책입니다. SVG는 벡터 기반이므로 품질 손실 없이 어떤 크기로든 확대/축소할 수 있습니다. 이 무료 온라인 도구를 사용하면 SVG 파일의 너비, 높이, viewBox를 즉시 변경하여 어디서든 선명하고 완벽하게 보이도록 할 수 있습니다.

SVG 크기 조정기 사용 방법

이 도구는 매우 간단합니다. SVG 파일을 업로드하면 새 너비와 높이를 픽셀 단위로 입력할 수 있는 옵션이 표시됩니다. 한쪽 치수를 지정하면 도구가 가로세로 비율을 유지하며 다른 쪽을 자동 계산하거나, 두 치수를 모두 설정하여 사용자 정의 크기를 지정할 수 있습니다. 또한 viewBox 속성을 직접 수정하여 그래픽의 표시 영역을 정밀하게 제어할 수 있습니다. 변경 사항이 마음에 들면 즉시 크기가 조정된 SVG를 다운로드할 수 있습니다.

이 도구를 사용해야 할 때

이 도구는 다양한 작업에 매우 유용합니다. 웹 개발자와 디자이너는 반응형 레이아웃에 맞게 아이콘과 로고 크기를 자주 조정해야 합니다. 예를 들어 로고가 데스크톱 헤더에서는 150px 너비여야 하지만 모바일 내비게이션 바에서는 40px만 필요할 수 있습니다. 또한 인쇄용 그래픽을 준비할 때 작은 웹 로고를 대형 배너로 확대해야 하는 경우에도 필수적입니다. UI 요소 세트를 만드는 경우 단일 마스터 파일에서 다양한 크기를 생성하여 시간과 노력을 크게 절약할 수 있습니다. 워크플로에 도움이 되는 SVG 벡터 도구 모음도 준비되어 있습니다.

완벽한 SVG 크기 조정 팁

최상의 결과를 얻으려면 다음 팁을 기억하세요:

• 가로세로 비율 유지: 대부분의 로고와 아이콘은 원래 비율을 유지하는 것이 좋습니다. 새 너비 또는 높이만 입력하면 도구가 자동으로 다른 값을 계산하여 왜곡을 방지합니다.
• viewBox 이해하기: viewBox는 SVG 캔버스의 창과 같습니다. 이를 조정하면 기본 벡터 경로를 변경하지 않고 이미지를 자르거나 재구성하는 강력한 방법이 됩니다.
• 다양한 용도로 준비: SVG 크기가 완벽해지면 다른 형식이 필요할 수 있습니다. 웹 사용을 위해 SVG를 WebP로 변환하는 변환기나 문서용 SVG를 PDF로 변환하는 도구를 고려해 보세요.
• 더 많은 옵션 탐색: 이미지 및 문서 변환에 필요한 모든 도구 모음도 확인해 보세요.