개요
SVG는 2001년에 처음 발표된 W3C 표준입니다. 픽셀 대신 그리기 명령을 담고 있어, 모든 화면에서 선명해야 하는 로고, 아이콘, 일러스트에 이상적입니다.
SVG에는 CSS, 애니메이션, 심지어 스크립트도 넣을 수 있습니다. 이런 유연성은 위험이기도 해서, 신뢰할 수 없는 SVG를 페이지에 직접 삽입하면 코드가 실행될 수 있습니다. JFIF.IO는 격리된 이미지 요소로 SVG를 렌더링하므로 스크립트가 실행되지 않고 외부 리소스도 불러오지 않습니다.
장점
- +해상도와 무관하게 어떤 크기에서도 선명
- +단순한 그래픽은 파일이 아주 작음
- +텍스트로 편집하고 CSS로 꾸밀 수 있음
- +텍스트가 접근성과 검색성을 유지함
단점
- −사진에는 부적합
- −복잡한 그림은 렌더링이 느릴 수 있음
- −스크립트를 포함할 수 있어 신뢰할 수 없는 SVG는 주의 필요
- −래스터 이미지만 받는 플랫폼도 있음
SVG 압축의 원리
SVG는 일반 텍스트이며 그 자체로는 압축되지 않습니다. SVGO 같은 최적화 도구가 불필요한 데이터를 제거하며, .svgz 파일은 gzip으로 압축한 SVG입니다.
주요 용도
- 로고와 브랜드 마크
- 아이콘과 UI 일러스트
- 차트와 도표
브라우저 및 소프트웨어 지원
모든 브라우저가 SVG를 렌더링합니다. 변환할 때 출력 너비나 DPI를 고르세요. 벡터 그림이 그 크기로 새로 렌더링되므로 선명하게 유지됩니다.
SVG 변환 방법
이 페이지 상단의 변환기를 사용하세요. 파일을 끌어다 놓고 출력 형식을 고른 뒤 결과를 다운로드하면 됩니다. 변환은 브라우저에서 이루어지므로 아무것도 업로드되지 않습니다.
변환 형식
- JPG은(는) 투명도를 지원하지 않습니다. 투명한 영역은 배경색으로 채워집니다.
브라우저에서 로컬로 처리됨
SVG 자주 묻는 질문
여기서 SVG를 PNG로 어떻게 변환하나요?
브라우저가 선택한 크기로 SVG를 렌더링하고, 그 결과를 PNG, JPG 등 래스터 포맷으로 저장합니다. SVG 안의 스크립트는 절대 실행되지 않습니다.
PNG나 JPG를 SVG로 변환할 수 있나요?
단순 변환으로는 의미 있는 결과를 얻을 수 없습니다. 픽셀을 벡터로 바꾸려면 트레이싱이라는 별도의 작업이 필요합니다. 픽셀을 SVG 파일로 감싸기만 한 가짜 ‘SVG’는 제공하지 않습니다.