IT365 공구함

SVG 뷰어 (여러 파일의 배치 뷰)

여러 SVG 파일 디스플레이 효과를 빠르게 일괄 미리보기할 수 있고, 필터링 및 확대 기능을 지원하며, SVG를 이미지 다운로드 투명 PNG로 변환, 코드 복사, 원클릭 ZIP 내보내기 패키징 지원.

{{ 토스트.텍스트 }}

SVG 파일이나 폴더를 여기로 드래그하거나, 파일 선택을 클릭하세요

멀티셀렉트 파일 드래그와 하위 디렉터리가 포함된 전체 폴더를 직접 드래그하는 기능을 지원합니다

아직 가져올 수 있는 SVG 파일이 없습니다. 배치 미리보기와 필터링을 위해 위에서 파일을 선택하거나 드래그해 주세요

필터링: {{ filteredFiles.length }} / 총 {{ files.length }} 파일 선택: {{ selectedCount }} 항목 선택된 크기: {{ selectedTotalSizeStr }}
{{ file.name }} {{ file.sizeStr }}
미리보기 파일 이름 크기 운행
{{ file.name }}
{{ file.sizeStr }}

{{ previewModal.file.name }}

파일 크기: {{ previewModal.file.sizeStr }}

일괄 가져오기, 2단계 미리보기, 그리고 필요한 SVG 자원을 선택하는 다차원 필터링 및 조직 기능

개발자와 UI 디자이너를 위해 설계된 빠르고 효율적인 SVG 파일 배치 미리보기 및 필터링 도구입니다. SVG 파일을 하나씩 수동으로 여는 것이 너무 느리나요? 이 도구를 사용해 보세요—원하는 SVG 파일을 빠르게 미리보기하고 필터링하는 데 도움을 줄 수 있습니다. SVG 파일 하나만 보면 이 뷰어가 더 적합합니다: SVG 뷰어, 줌/전체 화면 뷰잉 지원

SVG 파일을 대량 보기/미리보기 방법

1
01

자료 소개

여러 SVG 파일이나 다중 하위 디렉터리가 있는 폴더를 가져오기 영역으로 드래그하거나, 버튼을 클릭해 다중 선택 가져오기를 할 수 있습니다.

2
02

무료 미리보기

그리드와 리스트 뷰를 원클릭으로 전환할 수 있고, 미리보기 크기는 무한히 조절할 수 있으며(16px - 512px), 지능형 체커보드 비교 디스플레이입니다.

3
03

지능형 필터링

키워드 퍼지 검색을 사용하거나 선택된 항목만 표시함으로써 수백에서 수천 개의 아이콘 중에서 즉시 필터링하고 목표를 찾을 수 있습니다.

4
04

원클릭 처리

플로팅 컨트롤 바를 탭하면 코드를 빠르게 복사하거나 파일 이름을 추출하거나 원본 이미지를 직접 다운로드하거나 전체 화면 고화질 무손실 이미지를 미리 볼 수 있습니다.

5
05

배치 내보내기

원하는 아이콘을 선택한 후에는 SVG/투명 PNG 파일을 따로 다운로드하거나, 폴더 계층 구조를 유지하고 ZIP을 한 번에 내보낼 수 있습니다.

많은 수의 SVG 파일에서 원하는 SVG 아이콘 미리보기와 선택법

정교하게 정교하게 다듬어진 고성능 기능들은 수백에서 수천 개의 SVG 중에서 원하는 자산을 빠르게 필터링, 변환, 정리하는 데 도움을 줍니다

일반 SVG 파일 뷰어의 불편함

  • 직접 미리보기는 안 됩니다: 기본적으로 Windows 탐색기는 SVG 썸네일을 미리 볼 수 없으며, 기본 브라우저 아이콘만 보여 안에 어떤 아이콘이 있는지 명확히 볼 수 없습니다.
  • 각 아이콘을 하나씩 여는 것은 매우 비효율적입니다: 다운로드한 SVG 더미 중에서 좋아하는 아이콘을 찾으려면 브라우저나 디자인 소프트웨어에서 각 아이콘을 더블 클릭해야 하는데, 이는 시간과 노력이 많이 듭니다.
  • 코드 추출은 매우 번거로워요: 특정 SVG를 프론트엔드 코드에 사용하려면 먼저 텍스트 편집기로 열고, 매우 긴 XML 소스 코드를 수동으로 선택해 복사한 뒤, 프로젝트에 다시 붙여넣어야 합니다.
  • 형식 변환과 조직은 불편합니다: 전문 소프트웨어 없이 운영이나 제품 동료에게 아이콘을 보낼 때, 수동으로 로컬에서 투명 PNG로 변환하거나 ZIP 형식으로 내보내고 패키징하는 것은 매우 복잡합니다.

SVG 뷰어는 개발 및 설계의 문제점을 철저히 해결합니다

  • 즉시 타일링 로컬 미리보기: 전체 아이콘 폴더를 미리보기로 직접 드래그하면 100개가 넘는 SVG 아이콘을 즉시 배치합니다. 고전적인 투명 격자 대비, 어두운 배경과 밝은 배경 전환—보이는 그대로입니다.
  • 지능형 퍼지 검색 및 필터링: 빠른 파일 이름 퍼지 검색과 이름 입력 필터링을 지원하며, "체크박스만 체크"하고 방대한 아이콘 라이브러리에서 즉시 목표를 찾습니다.
  • 매우 사용자 친화적인 개발 프로세스: 한 번의 마우스 클릭으로 파일 이름을 추출하거나 한 번의 클릭으로 전체 SVG 코드(XML)를 복사하여 복사-붙여넣기 작업이 원활하게 진행됩니다.
  • 다차원 무손실 트랜스코딩 및 패키징: 투명 배경이 있는 PNG의 원클릭 렌더링 및 다운로드, 수정된 SVG의 개별 다운로드, 원클릭 패키징 ZIP 내보내기 및 원본 폴더 계층 구조를 유지할 수 있습니다.

무료 온라인 SVG 뷰어

클라이언트를 다운로드하거나 설치할 필요 없이, 브라우저를 열고 언제 어디서나 무료로 강력한 SVG 일괄 가져오기 및 미리보기 서비스를 즐기세요.

궁극적이고 빠른 배치 미리보기

고급 로컬 파일 스트림 파싱 기술에 의존하여, 수백 개의 SVG 리소스를 한 번에 가져오더라도 파싱과 부드러운 렌더링 미리보기를 즉시 완료할 수 있습니다.

미리보기 크기를 자유롭게 수정하세요

16px에서 512px까지 무단계로 크기 조정을 지원하며, 다양한 설계 및 개발 표준에 쉽게 적응할 수 있도록 일반적으로 사용되는 단축키 크기를 제공합니다.

배치 쿼리 및 필터 SVG 아이콘

파일 이름과 체크 전용 상태로 고정밀도 퍼지 검색을 지원하며, 방대한 아이콘 라이브러리에서 대상 자원을 즉시 필터링하고 추출합니다.

100% 로컬 보안 처리

모든 파일 파싱과 렌더링은 로컬 브라우저에서 이루어집니다; 데이터는 절대 서버에 업로드되지 않으며, 개인정보 유출 위험이 전혀 없고 보안도 걱정 없습니다.

폴더 계층 구조 유지

다중 레벨 하위 디렉터리가 포함된 폴더를 직접 드래그하는 것과 ZIP 파일을 배치 패키징 및 내보낼 때 원본 파일 디렉터리 구조를 완전히 복원하는 것을 완벽하게 지원합니다.

이중 주제 대비와 적응

밝기와 어두운 모드를 한 번에 클릭으로 전환할 수 있으며, 고전적인 투명 격자 배경과 결합되어 어떤 모드에서도 밝은 색과 어두운 색을 명확히 구분할 수 있습니다.

개발자 효율성 설계

SVG 소스 코드(XML)의 원클릭 복사, 원클릭 파일 이름 복사, 빠른 작업을 제공하여 일상적인 프론트엔드 개발 및 UI 디자인 워크플로우를 완벽하게 가속화합니다.

여러 형식으로 배치 내보내기

자유롭게 다중 선택 아이콘을 지원하며, 원본 SVG의 일괄 내보내기, 투명 PNG 형식의 지능형 생성 및 내보내기, 또는 ZIP 형식으로 한 번에 클릭하는 패키징을 지원합니다.