SVG가 잘못된 크기로 들어오는 경우

화면에 나타나는 현상

100 mm × 100 mm 정도여야 한다는 것을 알고 있는 SVG를 가져옵니다. 그런데 350 × 350 mm, 28 × 28 mm 또는 전혀 다른 크기로 들어옵니다.

원인

SVG의 좌표계는 유연하며 사용자의 의도와 일치하지 않는 경우가 많습니다. 단위 가정은 다음에 따라 달라집니다.

• SVG 파일에 명시적인 width / height가 있는지(mm, in, px 같은 단위 포함)
• SVG 파일에 viewBox가 있는지
• 원본 앱이 "1 unit"을 어떻게 해석하는지

일반적인 문제:

• SVG에 viewBox만 있고 단위가 지정된 width/height가 없습니다. Beam Bench가 단위를 추정합니다.
• SVG가 픽셀 단위로 내보내졌는데 Beam Bench가 이를 mm로 처리합니다. 또는 그 반대입니다.
• 내보내기 중 배율이 적용되었습니다.

해결 방법

SVG가 정확히 3.78x 너무 큰 경우

SVG가 픽셀 단위인데 mm로 처리된 것입니다. 96 DPI에서 1 pixel = 1/96 inch = 0.265 mm이지만 Beam Bench가 1 unit = 1 pixel = 1 mm로 처리할 수 있어 1 / 0.265 ≈ 3.78의 배율이 적용됩니다.

Inkscape에서 SVG를 열고 문서 단위를 명시적으로 mm로 설정한 다음 저장하고 다시 가져옵니다.

SVG의 크기가 다른 비율로 어긋나는 경우

텍스트 편집기에서 SVG를 엽니다. <svg> 요소를 확인합니다.

<svg width="100mm" height="100mm" viewBox="0 0 100 100">

viewBox는 내부 좌표 공간입니다. width/height가 없거나 픽셀 단위라면 일반적으로 해당 값을 수정해 mm 단위를 명시적으로 추가하면 해결할 수 있습니다.

파일을 수정하고 싶지 않은 경우

• 가져온 후 균일하게 크기를 조정합니다. 가져온 개체를 선택하고 Shape Properties에서 원하는 W / H를 설정합니다.
• 배율을 기록하고 일관되게 적용합니다.

SVG가 Adobe Illustrator에서 나온 경우

Illustrator의 SVG 내보내기에는 단위에 영향을 주는 설정이 있습니다. "More options" 창에서 다음을 설정해 보세요.

• Decimal places: 4 (precision)
• Encoding: UTF-8
• <inline> 스타일 속성 사용

레이저 작업에서는 Illustrator보다 Inkscape에서 내보내는 편이 결과를 더 예측하기 쉽습니다.

우회 방법: 가져온 후 크기 조정

일회성 파일이라면 한 번 측정하고 원하는 크기로 조정한 다음 프로젝트를 저장합니다. 같은 원본 파일을 다음에 가져올 때도 동일한 배율을 적용해야 합니다.

정상적으로 해결되었는지 확인

• Measure 도구 또는 Shape Properties에서 가져온 SVG의 크기가 올바르게 측정됩니다.
• 같은 파일을 이후에 가져올 때도 일관되게 올바른 크기로 들어옵니다.

여전히 해결되지 않나요?

• 지원되는 가져오기 형식 참고
• 가져오기 실패 문제 해결: 파일이 전혀 가져와지지 않는 경우
• SVG 파일과 예상한 크기를 함께 Facebook 그룹에 게시하세요.