SVG 파일 비교
두 SVG 파일을 온라인으로 비교하세요. 그려진 픽셀로 시각 비교하거나 XML 구조로 비교합니다. 아이콘 수정과 자동 생성 그래픽에 딱 맞습니다. 무료이며 업로드가 없습니다.
파일은 브라우저를 벗어나지 않습니다.
SVG 비교 소개
두 SVG를 구조(XML 트리)로 비교하거나 시각(래스터화)으로 비교합니다. 아이콘 수정, 자동 생성 차트, 디자인 시스템 변경에 좋습니다.
사용 방법
- 두 SVG 파일을 붙여 넣거나 불러옵니다.
- 옵션에서 비교 방식을 렌더링 또는 마크업으로 정합니다.
- 렌더링 방식에서는 렌더링 배율을 고르고, SVG가 페이지 색에 기대고 있으면 배경을 지정합니다.
예제 사용해 보기
원에서 둥근 사각형으로 다시 디자인한 아이콘입니다.
이 도구가 다루지 않는 것
- 외부 참조(다른 파일을 가리키는 xlink:href)는 가져오지 않습니다.
- CSS 애니메이션은 실행하지 않습니다. 정지 상태에서 비교합니다.
자주 묻는 질문
내 파일이 브라우저를 벗어나나요?
아닙니다. 모든 비교는 브라우저 안에서 실행됩니다. 붙여 넣거나 끌어다 놓거나 불러온 내용은 서버로 올라가지 않으며, 페이지를 연 다음 네트워크가 끊겨도 도구는 계속 동작합니다.
이 도구는 무료인가요?
예. 모든 DiffResolver 도구는 무료이고, 계정도 가입도 설치도 필요 없습니다. 처리가 사용자 기기에서 이루어지므로 서버가 정하는 사용 제한도 없습니다.
SVG는 마크업으로 비교해야 하나요, 렌더링으로 비교해야 하나요?
마크업은 어떤 요소와 속성이 바뀌었는지 정확히 보여 주므로 직접 고친 아이콘에 좋습니다. 렌더링은 두 파일을 이미지로 그려 픽셀을 비교하므로, 마크업만 보면 알기 어려운 변경도 잡아냅니다.
렌더링 방식에서 SVG가 왜 빈 화면으로 나오나요?
외부 파일을 참조하거나 페이지 배경을 전제로 하는 SVG는 비었거나 투명하게 그려질 수 있습니다. 옵션에서 배경을 지정하고 외부 참조를 파일 안으로 넣으세요.
파일 크기 제한이 있나요?
아무것도 업로드하지 않으므로 서버 제한은 없습니다. 실제 한계는 기기의 메모리가 정합니다. 텍스트 10 MB, 이미지 40 MB, 문서 100 MB, 압축 파일 500 MB를 넘으면 처리가 느릴 수 있다고 알려 주지만, 파일을 막지는 않습니다.
오프라인에서도 동작하나요?
예. 브라우저가 처음 방문한 다음 도구의 사본을 보관하므로, 전에 연 페이지는 네트워크 없이도 동작합니다. 브라우저 메뉴에서 DiffResolver를 앱으로 설치할 수도 있습니다. 설치는 선택 사항이고, 일반 탭에서도 똑같이 동작합니다.
내 데이터는 어디에 저장되나요?
파일은 어디에도 저장되지 않습니다. 페이지의 메모리에만 있다가 탭을 닫으면 사라집니다. 직접 저장한 것만 이 브라우저에 남습니다. 스냅샷, 도구 옵션, 테마가 그렇습니다. 지우려면 설정을 열고 모든 로컬 데이터 지우기를 고르세요.