SVG → PNG · JPG · WEBP
SVG 변환기
벡터를 끌어다 놓고 목적지에 필요한 크기로 PNG, JPG, WEBP 중 하나로 내보내세요. 렌더링은 로컬에서 이루어지므로 회사 로고와 미공개 작품이 기기에 남습니다.
모든 내보내기는 크기가 고정된 비트맵입니다. PNG와 WEBP는 투명도를 유지하고, JPG는 직접 고른 배경색으로 칠하며, 어느 것도 나중에 깨끗하게 확대되지 않습니다.
SVG를 변환하는 방법
SVG 추가
파일을 끌어다 놓거나 붙여넣으세요. 헤더에 너비와 높이를 선언하지 않은 파일은 1024픽셀 뷰포트로 렌더링되므로, 결과 크기에 의존하기 전에 확인하세요.
출력과 크기 고르기
정확한 픽셀과 투명도에는 PNG, 알파를 유지하면서 더 가벼운 웹 자산에는 WEBP, 다른 형식을 받지 않는 목적지에는 JPG를 고르세요. 그런 다음 필요한 픽셀 너비나 높이를 설정하세요.
필요한 버전 모두 저장
내보낸 파일을 저장하고, 버전이 여러 개 필요하면 형식을 바꿔 같은 SVG를 다시 변환하세요. 페이지는 로드된 상태로 남아 있습니다.
하나의 벡터, 세 가지 비트맵
세 가지 출력은 서로 다른 질문에 답합니다. PNG는 렌더링된 픽셀을 알파 채널과 함께 무손실로 저장하므로 로고, 아이콘, 부드럽거나 투명한 가장자리가 있는 것에 어울립니다. WEBP는 최신 압축으로 같은 일을 하면서 결과가 더 작지만, 여기서 브라우저가 노출하는 인코더는 손실 파일을 기록합니다. JPG는 알파가 전혀 없어 투명 영역이 직접 고른 배경색을 갖습니다.
셋 모두 그림을 한 해상도에 고정합니다. 글자는 픽셀이 되고 선 두께는 픽셀 폭이 되며, 나중에 확대하면 SVG라면 어떤 크기로도 다시 그릴 수 있었던 가장자리가 흐려집니다. 래스터는 브라우저 자체 SVG 엔진이 마크업을 렌더링해 만들어지므로 그러데이션과 필터가 화면에서처럼 나타납니다. 벡터가 원본 파일로 남고, 다른 픽셀 크기가 필요할 때마다 새 비트맵을 내보내면 됩니다.
SVG 변환기 질문
어떤 출력 형식을 골라야 하나요?
작품에 투명도나 섬세한 가장자리가 있고 픽셀을 정확히 원하면 PNG, 웹 페이지에서 가벼워야 하면서 투명도도 중요한 경우에는 WEBP, 목적지가 다른 형식을 받지 않거나 잃을 투명 영역이 없으면 JPG를 고르세요.
아이콘이나 로고는 얼마나 크게 내보내야 하나요?
가장 크게 표시될 위치에 맞추세요. 홈 화면 아이콘이면 180 px, 스토어 등록 정보면 512 px, 인쇄면 1200 px 이상입니다. 벡터는 세부 정보를 유지하므로 다른 크기로 다시 변환하는 데 비용이 들지 않지만, 이미 내보낸 래스터는 그렇지 않습니다.
투명한 배경 픽셀은 어떻게 되나요?
PNG와 WEBP는 유지합니다. JPG는 그럴 수 없어 도구가 설정한 배경색으로 채우며, 바꾸지 않으면 흰색입니다. 이미지가 놓일 페이지에 맞는 색을 고르거나, 비쳐 보여야 하는 잘라낸 이미지에는 PNG를 쓰세요.
무언가 설치해야 하나요? 파일이 업로드되나요?
설치할 것도 업로드할 것도 없습니다. SVG는 이미 쓰고 있는 브라우저가 렌더링하고 인코딩하며, 파일당 최대 64 MB까지 처리합니다. 페이지는 한 번 불러온 뒤 오프라인에서도 계속 동작합니다.