SVG 도구

SVG 배경 만들기

색상, 그라디언트와 반복 패턴으로 SVG 배경을 만들고 원하는 크기로 다운로드하세요.

SVG 내용은 사용자의 브라우저에서만 처리되며 서버에 업로드되지 않습니다.

도구 소개

SVG 배경 만들기는 표지, 카드와 프레젠테이션용 깔끔한 배경을 만드는 데 유용합니다. 배경 유형을 선택하고 색상, 크기와 패턴 밀도를 조정하면 원본 이미지 없이도 독립된 SVG를 만들 수 있습니다.

사용 방법

  1. 단색, 선형 그라디언트, 방사형 그라디언트 또는 반복 패턴을 선택하세요.
  2. 캔버스 너비와 높이를 입력하거나 용도에 맞는 기본 크기를 선택하세요.
  3. 색상, 그라디언트 방향이나 패턴 설정을 조정하고 미리보기를 확인하세요.
  4. SVG를 복사하거나 background.svg를 다운로드하세요. PNG가 필요하면 아래의 SVG → PNG 도구를 이용하세요.

주요 기능

  • 단색, 두 색상의 선형·방사형 그라디언트, 점무늬, 격자와 줄무늬 패턴을 지원합니다.
  • 너비, 높이와 색상을 조정하고 모드에 따라 각도, 중심, 반지름이나 패턴 간격도 바꿀 수 있습니다.
  • 완전한 독립 SVG를 출력하므로 벡터 배경은 확대해도 선명하게 유지됩니다.

배경과 출력 크기 선택

  • 가로 배경은 1920 × 1080, 카드 표지는 1200 × 630, 정사각형 이미지는 1080 × 1080을 사용할 수 있습니다. 원하는 크기를 직접 입력할 수도 있습니다.
  • 그라디언트는 색상이 부드럽게 이어지고 패턴은 일정한 간격으로 반복되어 규칙적인 배경 무늬를 만들기에 좋습니다.
  • 이 도구는 SVG를 다운로드합니다. 고정된 픽셀 크기가 필요하거나 사용할 앱이 SVG를 지원하지 않으면 다운로드한 파일을 SVG → PNG 또는 SVG → JPG로 변환하세요.

SVG 안전 안내

미리보기에는 안전하게 처리한 정적 사본을 사용합니다. 스크립트, 클릭 이벤트와 애니메이션을 실행하지 않으며 외부 이미지, 글꼴과 스타일도 불러오지 않습니다. 외부 참조, 삽입된 웹페이지와 지원되지 않는 내용은 제거되므로 원본과 다르게 보일 수 있습니다. DOCTYPE이나 사용자 정의 엔티티가 포함된 문서는 지원하지 않습니다.

SVG 파일 또는 UTF-8 소스는 최대 2 MiB, 노드는 요소와 텍스트를 포함해 최대 20,000개, 중첩 깊이는 최대 96단계까지 허용됩니다. 내용이 너무 크거나 구조가 복잡하면 파일을 단순하게 정리한 뒤 사용하세요.

개인정보 보호

SVG 내용은 사용자의 브라우저에서만 처리되며 서버에 업로드되지 않습니다.

입력과 결과는 자동으로 저장되지 않습니다. 지우거나 페이지를 떠나기 전에 필요한 파일을 다운로드하고 원본 사본도 보관하세요.

자주 묻는 질문

SVG 배경은 왜 확대해도 흐려지지 않나요?

단색, 그라디언트와 패턴을 벡터로 표현하므로 브라우저가 고정된 픽셀을 늘리는 대신 표시 크기에 맞게 다시 그립니다.

SVG Gradient란 무엇인가요?

위치에 따라 색상이 점차 바뀌는 방식을 나타냅니다. 선형 그라디언트는 한 방향으로, 방사형 그라디언트는 중심에서 바깥쪽으로 변화합니다.

SVG Pattern이란 무엇인가요?

점무늬나 격자처럼 반복해서 사용하는 작은 무늬입니다. 간격과 크기를 조정하면 배경 무늬의 밀도를 바꿀 수 있습니다.

SVG 배경을 PNG로 바꾸려면 어떻게 하나요?

만든 SVG를 다운로드한 뒤 관련 도구의 SVG → PNG를 열고 해당 파일을 선택해 출력 크기를 지정하세요.

전체 도구 목록으로 돌아가기