무료 온라인 SVG 변환기
SVG를 PNG, JPG, WebP, BMP, GIF, AVIF, ICO 또는 ICNS로 변환하거나 PNG, JPG, WebP, GIF, BMP, AVIF, TIFF 이미지를 SVG로 벡터화하세요. 모든 처리는 브라우저 안에서 비공개로 이루어지며 최대 40개 파일을 일괄 변환할 수 있습니다. 가입이나 워터마크가 없습니다.
SVG를 PNG, JPG 등으로 변환
SVG와 이미지 변환
SVG를 이미지로
SVG 파일을 PNG, JPG, WebP, BMP, GIF, AVIF로 렌더링합니다. 너비, 높이, DPI, 배경, 품질, 모서리 둥글기를 설정할 수 있습니다.
SVG를 PNG, JPG 등으로 변환SVG를 아이콘으로
SVG에서 여러 크기 Windows .ico 파비콘 또는 macOS .icns 앱 아이콘을 만듭니다. 지정한 최대 크기까지의 표준 크기를 모두 하나의 파일로 묶습니다.
ICO 또는 ICNS 아이콘 만들기이미지를 SVG로
PNG, JPG, WebP, GIF, BMP, AVIF 또는 TIFF를 확장 가능한 SVG 경로로 벡터화합니다. 컬러 또는 흑백 추적을 선택하고 소스에 맞게 세부 사항을 조정합니다.
이미지를 SVG로 벡터화파비콘 생성기
로고 하나를 넣으면 필요한 것이 한 묶음으로 나옵니다. favicon.ico, Apple과 Android용 PNG, 웹 매니페스트, HTML 태그가 ZIP 하나에 담깁니다.
파비콘 만들기SVG 최적화 및 패키징
SVG 최적화
SVGO를 사용하여 SVG 파일을 압축합니다. 메타데이터 및 편집기 데이터를 제거하고 마크업을 단순화하며 결과를 세 가지 사전 설정, 패스별 컨트롤 및 픽셀 차이와 비교합니다.
SVG 최적화하고 용량 줄이기SVG 심볼 스프라이트
여러 SVG 아이콘을 <symbol> 요소로 만들어 스프라이트 파일 하나에 담습니다. 충돌하지 않는 ID와 아이콘마다 바로 쓸 수 있는 <use> 코드가 함께 나옵니다.
심볼 스프라이트 만들기개발자용 SVG 내보내기
SVG를 Data URI로
SVG를 URL 인코딩 또는 Base64 data URI로 만들어 CSS나 HTML에 인라인으로 넣습니다. background-image, mask-image, img 태그 코드가 바로 쓸 수 있게 함께 나옵니다.
CSS에 SVG 인라인으로 넣기SVG를 React로
JSX, props와 forwardRef를 지원하는 .tsx 또는 .jsx 컴포넌트, 마크업을 문자열로 내보내는 .ts 모듈을 생성합니다. 전체 아이콘 세트를 변환해 하나의 ZIP으로 다운로드할 수 있습니다.
React 컴포넌트 만들기출력 형식별 변환
SVG를 PNG로
완전한 알파 투명도를 지원하는 무손실 래스터 출력입니다. 아이콘, 스크린샷, 웹에 가장 적합합니다.
SVG를 JPG로
품질을 조절할 수 있는 가벼운 JPEG 출력입니다. 사진이나 그라데이션이 많은 이미지에 적합합니다.
SVG를 WebP로
조정 가능한 압축 및 완전한 투명성을 갖춘 최신 웹 형식입니다. 경량 웹 그래픽을 위한 실용적인 선택입니다.
SVG를 BMP로
무압축 Windows 비트맵 출력입니다. 오래된 도구나 픽셀 단위 검증 작업에 유용합니다.
SVG를 ICO로
지정한 최대 크기까지의 표준 파비콘 크기(16~256 px)를 모두 렌더링해 하나의 .ico 파일로 묶습니다. 브라우저 탭과 바탕화면 바로가기용입니다.
SVG를 ICNS로
지정한 최대 크기까지의 표준 macOS 아이콘 크기(16~1024 px)를 모두 렌더링해 하나의 .icns 파일로 묶습니다. 앱 번들과 문서 아이콘용입니다.
입력 형식별 벡터화
SVG란?
SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.
SVG는 웹 표준 벡터 형식입니다. 모든 최신 브라우저가 기본적으로 지원하며 CSS로 스타일을 지정하거나 JavaScript 또는 SMIL로 애니메이션을 적용할 수 있습니다. 로고, 아이콘, 일러스트레이션에는 대체로 효율적이지만 복잡한 SVG는 파일이 커질 수 있습니다.
SVG와 래스터 형식 비교
벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.
| 항목 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 확대/축소 | 해상도에 구애받지 않음 | 확대하면 흐려짐 | 고정 크기로 미리 렌더링 |
| 파일 크기 | 도형과 아이콘은 작음 | 해상도에 따라 커짐 | 크기별 이미지의 묶음 |
| 편집 | 텍스트나 벡터 도구로 편집 가능 | 픽셀 단위 편집만 가능 | 크기마다 편집 후 다시 묶음 |
| 애니메이션 | CSS, SMIL, JavaScript | 제한적 (APNG / GIF) | 지원 안 함 |
| 투명도 | 지원 | PNG 지원, JPG 미지원 | 지원 (PNG 기반) |
개인정보: 파일은 브라우저를 벗어나지 않습니다
변환은 JavaScript 및 WebAssembly를 사용하여 브라우저에서 로컬로 실행됩니다. 파일 업로드나 서버측 변환이 없으므로 추가한 파일은 장치에 그대로 유지됩니다.
로컬 처리는 기밀 로고, 내부 문서 및 미공개 클라이언트 아트워크를 보호하는 데 도움이 됩니다. 페이지와 변환 코드는 사용하는 동안 캐시되므로 이미 연 도구는 네트워크 연결 없이도 계속 작동할 수 있습니다.
자주 묻는 질문
이 SVG 변환기는 정말 무료인가요?
그렇습니다. 모든 변환기와 옵션은 계정, 워터마크, 프리미엄 계층 또는 다운로드 페이월 없이 무료로 사용할 수 있습니다. 브라우저 메모리와 문서화된 내보내기 제한은 계속 적용됩니다.
제 SVG 파일이 서버에 업로드되나요?
아니요. 변환은 브라우저에서 로컬로 실행되므로 추가한 파일은 장치에 그대로 유지됩니다.
SVG 파일 크기나 일괄 처리 개수에 제한이 있나요?
넣는 SVG의 크기는 브라우저 메모리 말고는 제한이 없습니다. 내보내기는 64메가픽셀까지이며 한 변은 최대 16,384 px입니다. 한 번에 최대 40개를 변환해 하나의 ZIP으로 내려받을 수 있습니다.
품질을 잃지 않고 SVG를 변환하려면 어떻게 해야 하나요?
변환 전 최종 사용을 위한 너비, 높이, DPI를 설정하세요. 벡터 모양은 해당 해상도로 렌더링되므로 선명하게 유지됩니다. 포함된 래스터 이미지는 여전히 소스 해상도에 의해 제한됩니다. 무손실 픽셀의 경우 PNG 또는 BMP를 선택하고 정확한 픽셀 보존보다 작은 파일이 더 중요한 경우 JPG 및 WebP를 선택하십시오.
여러 크기 ICO 파비콘이나 ICNS 아이콘을 내보낼 수 있나요?
네. 'SVG를 아이콘으로'를 사용하세요. 최대 크기를 고르면 거기까지의 표준 크기를 모두 하나의 파일로 묶습니다. .ico(Windows 파비콘과 바로가기 아이콘)는 16, 32, 48, 64, 128, 256이고, .icns(macOS 앱과 문서 아이콘)는 16, 32, 64, 128, 256, 512, 1024입니다.
어떤 출력 형식이 투명 배경을 유지하나요?
PNG, WebP, AVIF, BMP, ICO, ICNS는 모두 SVG의 완전한 알파를 그대로 이어받습니다. 내보내기 전에 '투명' 배경을 고르세요. GIF는 1비트 투명도라서 픽셀이 그려지거나 빠지거나 둘 중 하나이며 부드러운 경계를 만들 수 없습니다. JPG에는 알파 채널이 없어서 투명한 부분은 선택한 배경색으로 채워집니다.
여러 SVG 파일을 한 번에 일괄 변환할 수 있나요?
네. SVG 파일을 최대 40개까지 넣고 출력 설정(형식, 크기, 배경, 품질)을 한 번 지정한 다음 '모두 저장'을 누르세요. 파일을 하나씩 받을 수도 있고 한꺼번에 ZIP으로 내려받을 수도 있습니다.
SVG와 PNG, JPG, WebP는 무엇이 다른가요?
SVG는 모양을 벡터 명령으로 저장하므로 픽셀화되지 않고 크기를 조정할 수 있습니다. PNG, JPG 및 WebP는 고정된 픽셀 그리드를 저장하며 내보내기 크기 이상으로 확대하면 부드러워 보일 수 있습니다. 확장 가능한 로고, 아이콘 및 일러스트레이션에는 SVG를 사용하십시오. 대상에 필요한 경우 래스터 형식을 사용하십시오.