SVG 변환

벡터 파일에서 원하는 크기의 선명한 이미지로.

90

    브라우저에서 실행됩니다. 파일이 기기 밖으로 나가지 않습니다.

    SVG 파일을 변환하는 방법

    1. 여기에 SVG 파일을 끌어다 놓으세요.
    2. 형식과 너비를 픽셀로 선택하세요.
    3. 이미지를 내려받으세요.

    SVG에 알맞은 형식

    형식이럴 때 가장 좋음
    PNG투명도 유지 필요
    JPG가장 작은 파일, 단색 배경이 괜찮을 때
    WEBP웹사이트 업로드
    ICO파비콘이나 윈도우 아이콘 제작

    SVG의 가장 큰 한계: 여전히 거부하는 곳이 많다

    벡터 이미지는 대부분의 아이콘 세트, 로고, 단순한 일러스트를 만드는 재료 그 자체라서, Figma나 Illustrator 같은 디자인 도구에서 표준 내보내기 형식으로 쓰입니다.

    문제는 SVG가 스크립트와 외부 참조를 담을 수 있다는 점입니다. 그래서 대부분의 SNS와 많은 콘텐츠 관리 시스템을 포함한 여러 플랫폼이 보안을 위해 SVG 업로드를 아예 차단합니다. 픽셀 형식으로 변환하면 이 차단을 완전히 피할 수 있습니다.

    크기는 이미지가 쓰일 곳에 따라 달라진다

    너비를 비워두면 SVG 자체의 크기를 사용하고, 더 큰 숫자를 입력하면 더 큰 크기에서도 선명한 결과를 얻습니다. 벡터 이미지는 어떤 크기든 새로 렌더링되므로 신경 써야 할 상한선은 없습니다.

    ICO로 변환할 때만은 원본이 이미 대략 정사각형이어야 합니다. 세로로 길거나 가로로 넓은 로고는 늘려서 맞추는 대신 빈 공간을 더해 중앙에 배치됩니다.

    SVG 변환 자주 묻는 질문

    SVG를 굳이 변환하는 이유는 무엇인가요?

    많은 앱, SNS, 업로드 양식이 SVG를 받지 않습니다. 같은 작업물의 PNG나 JPG는 어디서나 작동합니다.

    너비는 어떻게 골라야 하나요?

    실제로 표시할 크기를 사용하되, 고해상도 화면에서 선명하게 보이도록 2배로 지정하세요. 예를 들어 600픽셀 자리에는 1200픽셀을 사용합니다.

    SVG로 파비콘을 만들 수 있나요?

    네. ICO를 선택하면 파비콘으로 쓸 수 있는 여러 크기의 아이콘 파일을 얻습니다.

    JPG 출력도 SVG의 투명한 부분을 유지하나요?

    아니요, JPG에는 투명도가 없어서 그 부분은 선택한 배경색으로 채워집니다. PNG와 WEBP는 투명도를 유지합니다.

    내부에 래스터 이미지가 포함된 SVG도 변환할 수 있나요?

    네, 임베드된 이미지가 SVG 파일 안에 데이터 URL로 들어 있다면 가능합니다. 대부분의 디자인 도구가 이런 방식으로 내보냅니다. 외부 링크로 연결된 파일은 불러오지 못할 수 있습니다.

    ICO로 변환할 때 포함할 아이콘 크기를 고를 수 있나요?

    네, 출력으로 ICO를 선택하면 16부터 256픽셀까지 각 크기의 체크박스가 나타나 포함할 것을 고를 수 있습니다.

    관련 도구