무료 SVG 및 벡터 도구 정보
SVG는 선명하고 확장 가능한 그래픽(아이콘, 로고, 일러스트, 인포그래픽)에 적합한 형식으로, 어떤 크기에서도 선명합니다. 무료 온라인 SVG 도구는 일상적인 작업을 처리합니다: SVG를 PNG로 변환, PNG/JPG를 벡터로 추적, SVGO로 SVG 최적화, 브랜드 팔레트로 벡터 색상 변경, 품질 손실 없이 크기 조정. 모든 작업이 브라우저에서 실행되며 설치나 워터마크가 필요 없습니다.
SVG 사용 시기 (그리고 사용하지 말아야 할 시기)
라인 아트, 아이콘 스타일 또는 고해상도 디스플레이용 콘텐츠에는 SVG를 사용하세요. 4KB SVG 아이콘은 8K로 확장해도 픽셀화되지 않습니다. 동일한 JPG는 크거나 흐릴 것입니다. SVG는 CSS로 무한히 색상 변경이 가능하여, 두 개의 에셋을 내보내지 않고도 같은 벡터를 라이트/다크 테마로 사용할 수 있습니다.
래스터 이미지(PNG / JPG / WebP)는 사진, 수천 개의 미세한 그라데이션이 있거나 카메라에서 가져온 이미지에 적합합니다. 사진을 벡터 추적하면 충실한 변환이 아닌 스타일화된 선화 느낌이 나며, 포스터나 색칠 공부 페이지에는 유용하지만 제품 사진에는 적합하지 않습니다.
웹용 SVG 최적화
Figma, Illustrator, Sketch는 중복 메타데이터, 주석 블록, 숨겨진 레이어, 사용하지 않는 그라데이션이 포함된 장황한 SVG를 생성합니다. SVG 최적화 도구는 이러한 보일러플레이트를 제거하고 일반적으로 렌더링 출력에 영향을 주지 않으면서 파일 크기를 40~70% 줄입니다. 페이지에서 참조하지 않는 ID를 제거하고, 좌표 정밀도를 소수점 둘째 자리로 반올림하며, 중복 변환을 병합합니다.
SVG를 래스터 형식으로 변환
일부 플랫폼(소셜 미리보기, Etsy 제품 목록, 주문형 인쇄 서비스, 일부 이메일 클라이언트)은 여전히 SVG 업로드를 거부합니다. SVG를 PNG로 내보내면 대상 픽셀 크기를 선택하거나 사전 설정(512×512 아이콘, 1024×1024 소셜, 4K 배경화면)을 선택하고 깨끗한 투명 PNG를 생성합니다. 단색 배경 형식에는 SVG를 JPG로, 여러 페이지 결과물에는 SVG를 PDF로 사용하세요.
