FileKeeps

SVG 파일 보기

SVG·SVGZ 벡터 그림을 브라우저에서 선명하게 봅니다. 확대해도 깨지지 않고, 안의 스크립트는 실행되지 않습니다.

On-Device

폴더나 파일을 여기에 끌어다 놓으세요

JPG · PNG · WebP · GIF · BMP · AVIF · SVG · HEIC · PSD · AI · TIFF · 카메라 RAW · PDF · 한글 · 워드 · PPT · 엑셀 · DWG/DXF · MP4/WebM/MOV/MKV/AVI/WMV · MP3/WAV/WMA/AIFF · TXT/MD/CSV/JSON/HTML — 하위 폴더까지 한 번에

이 브라우저는 폴더 열기 대화상자를 지원하지 않아 기본 폴더 선택으로 엽니다. 파일은 기기 안에서만 읽습니다.

형식별 뷰어 페이지

자주 찾는 형식은 전용 페이지에서 바로 엽니다. 어느 페이지에서든 다른 형식 파일을 넣어도 그대로 열립니다.

워드·파워포인트·엑셀·한글·캐드는 전용 문서 뷰어 페이지가 따로 있습니다. 전체 파일 뷰어 →

SVG는 브라우저가 그리는 벡터 형식이지만, 파일을 더블클릭하면 브라우저 탭 하나에 덜렁 열리고 폴더의 아이콘 수십 개를 훑기엔 불편합니다. 이 페이지는 SVG·SVGZ를 폴더째 격자로 보고 한 장씩 확대해 확인합니다. 파일 안의 스크립트는 실행되지 않습니다.

사용 방법

  1. 1'SVG 파일 선택'을 누르거나 아이콘·로고 폴더를 끌어다 놓습니다. SVGZ(gzip 압축)도 같이 됩니다.
  2. 2격자에서 그림을 눌러 큰 화면으로 봅니다. 벡터라 휠·핀치로 아무리 확대해도 선명합니다.
  3. 3PNG·JPG가 필요하면 관련 도구의 '이미지 변환'으로, 파비콘을 만들려면 '파비콘 만들기'로 넘깁니다.

이렇게 보여 줍니다

SVG는 브라우저의 <img> 요소로 그리고, SVGZ는 브라우저 내장 압축 해제로 풀어 같은 방식으로 보여 줍니다. 격자 썸네일도 벡터 그대로 써서 작은 아이콘이 흐려지지 않습니다. <img>로 그리기 때문에 SVG 안의 <script>는 절대 실행되지 않고, 외부 URL을 참조하는 그림·글꼴은 불러오지 않습니다 — 출처 모를 SVG를 열어도 안전합니다.

파일은 브라우저 안에서만 읽고 어디로도 보내지 않습니다. 탭을 닫으면 아무것도 남지 않습니다.

한계

외부 파일에 의존하는 SVG(<image href="http://…">, 외부 CSS·글꼴)는 그 부분이 비어 보입니다. 시스템에 없는 글꼴을 쓰는 텍스트는 대체 글꼴로 그려집니다. 자바스크립트로 동작하는 인터랙티브 SVG는 정적인 첫 상태만 보입니다. 크기 정보(width/height/viewBox)가 전혀 없는 SVG는 브라우저 기본 크기(300×150)로 잡힙니다.

이럴 때 유용해요

아이콘 세트 폴더에서 원하는 아이콘 찾기, 디자이너가 보낸 로고 SVG 확인, 웹사이트 소스에서 뽑은 SVG 훑어보기.

자주 묻는 질문

SVG를 PNG로 바꾸려면?+

'이미지 변환' 도구에서 SVG를 넣고 PNG·JPG·WebP를 고르면 원하는 크기로 래스터화해 내려받습니다. 업로드는 없습니다.

SVG 안의 글자가 다르게 보여요.+

그 글꼴이 이 PC에 없어서입니다. 디자인 프로그램에서 글자를 윤곽선(패스)으로 바꿔 저장하면 어디서나 같게 보입니다.

애니메이션 SVG도 움직이나요?+

CSS·SMIL 애니메이션은 <img>에서도 재생되므로 움직입니다. 자바스크립트 기반 애니메이션은 스크립트가 막혀 있어 첫 장면만 보입니다.

관련 도구

이미지 변환파비콘 생성이미지 크기 조정이미지 편집