SVG 아이콘과 벡터 이미지를 내려받는 방법
짧은 답
웹 페이지의 SVG는 둘 중 하나입니다. 브라우저가 가져온 파일이거나, 페이지 안에 직접 쓰인 마크업이거나. 앞의 것은 여느 이미지처럼 저장할 수 있습니다. 뒤의 것은 뒤에 파일 자체가 없어서 오른쪽 클릭 메뉴가 아무것도 내놓지 못합니다. 일괄 다운로더는 실제 파일로 존재하는 SVG를 모아 .svg로 저장하며, 벡터 데이터를 온전히 유지하고 픽셀로 바꾸지 않습니다.
손으로 하는 법
아이콘에서 오른쪽 클릭 후 「이미지를 다른 이름으로 저장」을 고릅니다. SVG가 독립된 파일로 불러와진 경우에는 통합니다.
메뉴에 아무것도 없을 때는 대개 개발자 도구로 갑니다. 요소나 네트워크 요청을 찾아 마크업이나 파일을 손으로 꺼내는 방식입니다.
그 방식이 막히는 지점
- 인라인 SVG는 페이지 마크업 자체의 일부라서 브라우저가 건네줄 파일이 존재하지 않습니다.
- CSS 배경으로 쓰인 아이콘에는 오른쪽 클릭 메뉴 항목이 아예 없습니다.
- 개발자 도구에서 마크업을 복사하면 페이지 스타일시트에 있던 스타일이 사라져, 아이콘이 검게 나오거나 크기가 어긋날 수 있습니다.
- 아이콘 세트는 수십 개 파일이고, 위의 작업을 수십 번 되풀이하는 것은 방법이라 할 수 없습니다.
ImgDown으로 하는 법
1단계
페이지를 훑습니다
이미지 목록을 엽니다. 파일로 불러와진 SVG는 비트맵과 나란히 나타나며 각각 형식이 표시되어 골라내기 쉽습니다.
2단계
SVG만 남깁니다
SVG를 제외한 모든 파일 형식을 끕니다. 남는 것은 그 페이지의 벡터 자산, 보통 로고와 아이콘과 도해이며 나머지는 시야에서 사라집니다.
3단계
벡터 그대로 내려받습니다
파일은 사이트가 내보내는 그대로 저장되므로 .svg는 .svg로 남습니다. 여전히 편집할 수 있고 크기를 바꿀 수 있으며, 내보내는 도중 비트맵으로 눌리지 않습니다.
관련 질문
지금 열어둔 페이지에서 바로 써보세요
무료, 계정 불필요. 다음에 여는 갤러리부터 바로 쓸 수 있습니다.