웹 서핑을 하다 마음에 쏙 드는 무료 아이콘이나 일러스트를 발견해 내려받았는데, 인스타그램 스토리에 올리거나 카카오톡으로 전송하려다 지원하지 않는 파일 형식이라는 경고창을 만난 적이 있을 것이다. 파일 이름 끝에 붙은 생소한 확장자 .svg를 보고 당황했겠지만 실망할 필요는 없다. 이 SVG 파일은 오류가 난 것이 아니라, 래스터 변환 과정만 거치면 어떤 화면에서도 선명한 고화질 그래픽 자산이기 때문이다.
이럴 때 써보세요
- 인스타그램 스토리나 피드에 감성적인 스티커와 깔끔한 벡터 아이콘을 올리고 싶을 때
- 친구들과 모인 단체 카톡방이나 업무용 슬랙 채널에 직접 찾은 캐릭터 로고를 깨짐 없이 공유할 때
- 블로그 썸네일이나 파비콘, 발표용 슬라이드에 배경이 깔끔하게 뚫린 투명 로고를 얹고 싶을 때
- 웹에서 내려받은 고해상도 그래픽을 스마트폰이나 태블릿 배경화면 규격에 딱 맞춰 저장하고 싶을 때
사용법
SVG PNG 변환 방법
- 1파일 불러오기
변환할 SVG 파일을 브라우저 화면으로 끌어다 놓거나 파일 선택 버튼을 눌러 지정한다.
- 2해상도 및 배율 조절
기본 크기부터 최대 8K 해상도까지 필요한 크기를 설정하고 비율을 고정한다.
- 3배경 및 출력 형식 선택
투명 배경이 필요하면 PNG를 선택하고 원하는 배경색을 채운다.
- 4다운로드 또는 복사
완성된 파일을 기기에 내려받거나 클립보드 복사 기능을 이용해 바로 붙여넣는다.
복잡한 그래픽 편집 프로그램을 설치하거나 유료 구독을 결제할 필요가 없다. SVG 이미지 변환기를 열면 브라우저 화면 안에서 단 몇 초 만에 고화질 이미지로 변환할 수 있다.
- 파일 불러오기: 변환할 SVG 파일을 브라우저 화면으로 끌어다 놓거나 파일 선택 버튼을 눌러 지정한다.
- 해상도 및 배율 조절: 기본 크기(1x)부터 2배, 4배, 최대 8K 해상도까지 필요한 크기를 설정한다. 가로세로 비율 고정 옵션을 켜두면 원본 비율이 유지된다.
- 배경 및 출력 형식 선택: 스티커나 로고처럼 투명 배경이 필요하면 PNG를 선택하고, 배경색 옵션에서 원하는 색을 채울 수도 있다.
- 다운로드 또는 복사: 완성된 파일을 기기에 내려받거나, 클립보드 복사 기능을 이용해 메신저나 문서 도구에 바로 붙여넣는다.
더 재밌게 즐기는 팁
단순히 화면에 뜬 이미지를 캡처해서 쓰면 편할 것 같지만, 모니터 화면 캡처는 현재 화면에 표시된 낮은 해상도 그대로 저장되어 모바일 기기에서 확대할 때 테두리가 지저분하게 깨진다. 반면 수학적 좌표로 선과 면을 계산하는 벡터(Vector) 방식의 SVG를 변환 도구로 2배나 4배 크기로 키워 래스터라이징하면, 픽셀 아트 변환 원리와는 다르게 아무리 확대해도 픽셀이 뭉개지지 않는 초고화질 이미지를 얻을 수 있다.
사용 목적에 맞춰 알맞은 확장자를 선택하면 훨씬 효율적이다.
| 확장자 | 투명 배경 지원 | 권장 상황 | 특징 |
|---|---|---|---|
| PNG | 지원함 | 로고, 아이콘, SNS 스티커 | 가장 널리 쓰이며 투명 배경과 선명한 테두리를 완벽하게 보존 |
| WebP | 지원함 | 웹사이트 업로드, 모바일 공유 | 품질 대비 용량을 크게 줄여 전송 속도 향상 |
| JPG | 지원하지 않음 | 일반 배경 이미지, 일반 사진 | 호환성이 가장 높으나 투명 영역이 기본 배경색으로 채워짐 |
이미지를 파일로 저장해 폴더를 어지럽히지 않고도, 클립보드 복사 버튼을 눌러 피그마(Figma)나 노션, 슬랙 대화창에 곧바로 붙여넣으면 작업 시간을 줄일 수 있다.