SVGView

SVG 회전 온라인

SVG 파일을 무료로 온라인에서 회전하세요. SVG를 90°, 180°, 270° 회전하거나 가로·세로로 뒤집고 결과를 즉시 다운로드할 수 있습니다.

아직 SVG가 로드되지 않았습니다. 시작하려면 파일을 업로드하거나 붙여넣으세요.

SVG 에디터에 오신 것을 환영합니다.

SVG 파일을 드롭하고, "업로드" 또는 "아이콘"을 클릭하거나, Ctrl/Cmd+V로 SVG 코드를 붙여넣으세요.

샘플 아이콘으로 시작

아래에서 샘플을 선택하거나 직접 업로드하여 편집하세요. SVG

SVG 회전 및 뒤집기 도구를 사용하는 이유는 무엇입니까?

빠른 각도 회전

SVG 회전은 일반적인 각도에 대한 원클릭 회전을 제공하므로 방향을 빠르게 조정할 수 있습니다. 이렇게 하면 가장자리가 선명하게 유지되고 코드의 수동 변환이 방지됩니다. 탭, 탐색 또는 미러링된 UI 상태에 대한 아이콘을 정렬하는 데 사용합니다.

수평 및 수직 뒤집기

이 도구는 UI 방향 변경, RTL 레이아웃 또는 아이콘 변형에 대한 아트워크를 미러링합니다. 뒤집기는 정확하며 원래 비율을 그대로 유지합니다. 이는 다시 그리지 않고 왼쪽 및 오른쪽 변형이 필요할 때 유용합니다.

실시간 미리보기

SVG 회전하면 업데이트가 즉시 표시되므로 내보내기 전에 간격과 정렬을 확인할 수 있습니다. 미리보기를 통해 제작 과정에서 예상치 못한 일이 발생하는 것을 방지하고 빠르게 검토할 수 있습니다. 대비되는 배경을 사용하여 흩어진 획이나 패딩을 찾아보세요.

SVG 또는 PNG 내보내기

SVG 회전을 사용하면 변환된 SVG를 다운로드하거나 문서 및 슬라이드용으로 PNG을 내보낼 수 있습니다. 이는 빠른 래스터 폴백이 필요할 때 유용합니다. PNG 내보내기는 플랫폼이 SVG를 지원하지 않는 경우에도 도움이 됩니다. 팀이 올바른 파일을 선택할 수 있도록 두 형식을 함께 유지하세요.

ViewBox-친화적인 출력

SVG 회전은 viewBox을 유지하거나 조정하므로 변환 후에도 크기 조정이 올바르게 유지됩니다. 이는 CSS 및 HTML에서 레이아웃을 안정적으로 유지합니다. 적절한 viewBox 처리는 예상치 못한 잘림 현상도 줄여줍니다. 파일에 viewBox가 없으면 회전하기 전에 하나를 추가하세요.

로컬, 프라이빗 처리

SVG Rotate는 업로드 없이 브라우저에서 완전히 실행됩니다. 클라이언트 자산을 안전하게 유지하고 제한된 네트워크에서 작동합니다. 로컬 처리는 대용량 파일에서도 반복 속도를 빠르게 유지합니다.

SVG를 회전하거나 뒤집는 방법

1

SVG 추가

파일을 드래그 앤 드롭하거나 SVG 마크업을 붙여넣으세요. SVG Rotate는 소스를 로컬로 로드하고 원본 viewBox을 그대로 유지합니다. 가장 예측 가능한 결과를 얻으려면 아트웍이 중앙에 위치해야 합니다. SVG 파일을 온라인으로 열고 즉시 처리를 시작하세요.

2

회전 또는 뒤집기

회전 각도나 방향 반전을 선택하고 미리보기 업데이트를 즉시 확인하세요. SVG 회전은 모양을 정렬된 상태로 유지하므로 출력이 선명하게 유지됩니다. 추가 패딩이 보이면 소스 viewBox를 조정하세요.

3

결과 내보내기

클릭 한 번으로 변환된 SVG을 다운로드하거나 PNG을 내보낼 수 있습니다. SVG 회전은 빠른 전달을 위해 파일 이름을 깔끔하게 유지합니다. 변형에는 icon-arrow-right.svg와 같은 일관된 이름을 사용하세요.

SVG 회전 온라인 자주 묻는 질문

온라인에서 SVG를 어떻게 회전하나요?
위 편집기에 SVG를 끌어다 놓고 90°, 180°, 270° 버튼을 누르거나 원하는 각도를 입력한 뒤 적용을 클릭하세요. 미리보기가 즉시 갱신되고 별도 설치 없이 회전된 파일을 다운로드할 수 있습니다.
SVG를 90도 회전할 수 있나요?
네. 시계 방향 90°와 반시계 방향 90° 모두 클릭 한 번입니다. viewBox가 자동으로 재조정되어 그림이 가운데를 유지하고 잘리지 않습니다.
SVG를 180도 회전할 수 있나요?
네. 180° 버튼으로 그림을 뒤집을 수 있습니다. 반 바퀴 회전은 viewBox가 자기 자신과 겹치므로 값이 그대로이고 레이아웃도 밀리지 않습니다.
회전하면 화질이 떨어지나요?
아닙니다. 회전은 transform으로 SVG 자체에 기록되므로 경로, 그라디언트, 텍스트가 어떤 크기에서도 벡터 상태로 선명합니다. 래스터화가 없습니다.
SVG를 가로로 뒤집을 수 있나요?
네. 가로 뒤집기는 그림을 좌우로 반전해 RTL 레이아웃, 뒤로 가기 화살표, 반전 아이콘 변형에 유용합니다. 세로 뒤집기는 위아래를 반전합니다.
회전과 뒤집기를 동시에 할 수 있나요?
네. 회전 후 가로 뒤집기처럼 차례로 적용하면 됩니다. 각 단계는 현재 결과에 적용되므로 순서를 자유롭게 조합할 수 있습니다.
회전할 때 viewBox를 신경 써야 하나요?
아닙니다. 회전할 때마다 width, height, viewBox를 다시 계산하므로 내보낸 그래픽이 비율을 유지하고 CSS나 HTML에서 올바르게 확대됩니다. viewBox가 없는 SVG는 먼저 viewBox 수정을 사용하세요.
회전 후 PNG로 내보낼 수 있나요?
네. 변환된 SVG를 다운로드하거나, 슬라이드·문서·SVG를 지원하지 않는 채팅용으로 PNG를 내보낼 수 있습니다.
이 SVG 회전 도구는 무료인가요?
네. SVG 온라인 회전은 완전 무료이며 회원가입, 워터마크, 파일 수 제한이 없습니다.
SVGView가 제 SVG를 업로드하나요?
아닙니다. 모든 회전과 뒤집기는 브라우저에서 로컬로 실행됩니다. 파일이 기기를 벗어나지 않아 NDA 업무나 오프라인 작업에도 안전합니다.
파일 크기 제한이 있나요?
최대 10MB 파일까지 원활합니다. 매우 크거나 필터가 많은 SVG는 렌더링에 시간이 걸릴 수 있으며, 사용하지 않는 필터와 경로를 제거하면 보통 빨라집니다.

관련 SVG 도구

SVG 이러한 도구를 사용하여 회전하면 일관된 자산의 크기를 조정하고, 최적화하고, 내보낼 수 있습니다. 이러한 도우미는 크기와 방향에 관계없이 자산을 일관되게 유지합니다.

SVG 크기 조정

SVG 이후 자산의 크기를 조정합니다. 크기가 레이아웃 그리드와 일치하도록 회전합니다. 이렇게 하면 아이콘 세트 전체에서 간격이 일관되게 유지됩니다.

도구 열기

SVG 최적화 도구

SVG 이후 파일 크기 줄이기 출력을 가볍게 유지하려면 회전하세요. 최적화는 편집기 메타데이터도 제거합니다. 이는 웹 번들로 자산을 배송할 때 도움이 됩니다.

도구 열기

SVG 뷰어

SVG 전후의 자산을 미리 봅니다. 회전하여 정렬을 확인합니다. 투명도를 확인하려면 배경을 전환하세요. 확대/축소를 사용하여 픽셀 가장자리를 검사합니다.

도구 열기

SVG to PNG

PNG를 SVG와 함께 내보내기 래스터 폴백이 필요한 경우 결과를 회전하세요. 이는 슬라이드에서 자산을 공유할 때 도움이 됩니다. 명확성을 위해 PNG의 이름을 동일한 방향으로 유지하세요.

도구 열기

관련 SVG 블로그

SVG 워크플로, 문제 해결, 프로덕션 실무에 관한 글을 계속 읽어 보세요.