온라인에서 SVG 텍스트 편집하는 방법

업데이트

SVG의 텍스트를 편집하려면 EditItAll 벡터 편집기에서 파일을 열고 변경하려는 문구를 더블클릭하세요. 문구를 다시 입력한 다음 글꼴, 크기, 굵기, 정렬, 색상을 조정합니다. 작업이 끝나면 깔끔한 SVG로 내보내세요. 모든 편집 과정은 브라우저 안에서 이루어집니다.

지금 바로 — 무료, 브라우저에서

Open the vector editor

SVG 텍스트를 편집할 수 있을 때와 없을 때

SVG는 문구를 두 가지 방식으로 담을 수 있습니다. 파일이 실제 <text> 요소를 사용한다면 문구가 실제 텍스트로 저장되어 있으므로 선택하고, 다시 입력하고, 스타일을 바꿀 수 있습니다. 디자이너가 저장하기 전에 "텍스트를 윤곽선으로 변환"했다면 각 글자가 벡터 도형이 되어, 겉보기는 같아도 더 이상 문자가 아니므로 점의 모양만 조정할 수 있을 뿐 문구 자체는 다시 쓸 수 없습니다.

웹용으로 내보낸 로고와 아이콘 대부분은 실제 텍스트를 유지하며, 이는 바로 여러분이 원하는 상태입니다. 파일이 윤곽선으로 변환되어 있어도 도형을 옮기고 색을 바꾸는 것은 여전히 가능하지만 문구는 바꿀 수 없습니다.

SVG에서 문구 편집하기

EditItAll 벡터 편집기에서 파일을 열면 텍스트가 편집 가능한 객체로 불러와집니다. 변경 방법은 다음과 같습니다.

  • 선택 도구로 텍스트를 더블클릭하면 커서가 나타나고, 기존 문구 위에 바로 새 내용을 입력할 수 있습니다.
  • Escape 키를 누르거나 다른 곳을 클릭해 변경 사항을 적용합니다.
  • 여러 줄로 된 텍스트는 줄 구성이 그대로 유지되므로 제목과 부제목을 따로 편집할 수 있습니다.

편집기는 전적으로 사용자의 기기에서 동작하므로 SVG가 서버로 전송되는 일은 없습니다. 페이지가 로드된 뒤에는 오프라인 상태에서도 계속 편집할 수 있습니다.

글꼴 스타일 바꾸기

문구가 원하는 대로 되었다면 이제 모양을 조정해 보세요. 글꼴, 크기, 굵기를 설정하고, 정렬(왼쪽, 가운데, 오른쪽)을 바꾸고, 새로운 채우기 색상을 고를 수 있습니다. 텍스트를 드래그해 위치를 옮기거나, 다른 작업물과 함께 레이어 사이로 이동할 수도 있습니다. 텍스트 주변의 패스도 다듬어야 한다면, 같은 문서 안에 펜 도구불리언 연산이 준비되어 있습니다.

깔끔한 SVG로 내보내기

작업을 마치고 내보내면, 수정한 문구가 여전히 실제 <text>로 저장된 표준 SVG를 얻게 되어 다음에 열어도 계속 편집할 수 있습니다. 슬라이드나 SNS 게시물에 쓸 래스터 이미지가 필요하신가요? 원하는 크기로 PNG로 내보내기도 가능합니다. 파일을 여는 순간부터 최종 내보내기까지 모든 과정이 사용자의 기기에서 이루어지며, 디자인 내용은 그 밖으로 나가지 않습니다.

바로 해볼까요?

무료이며 가입이 필요 없고, 여는 파일은 기기 밖으로 나가지 않습니다.

자주 묻는 질문

문구를 편집할 때 제 SVG 파일이 업로드되나요?+

아니요. 벡터 편집기는 SVG를 여는 것부터 편집하는 것까지 모두 브라우저 안에서 처리하므로 파일이 기기 밖으로 나가는 일이 없습니다. 페이지가 로드된 뒤에는 오프라인 상태에서도 계속 동작하는데, 이는 아무것도 전송되지 않는다는 사실을 확인하는 간단한 방법입니다.

제 SVG 안의 텍스트가 선택되지 않아요. 왜 그런가요?+

파일을 저장하기 전에 텍스트가 윤곽선으로 변환되었을 가능성이 거의 확실합니다. 그렇게 되면 각 글자는 편집 가능한 문자가 아니라 벡터 도형이 됩니다. 펜 도구로 그 도형의 모양은 바꿀 수 있지만, 다시 만들지 않고는 문구 자체를 고쳐 쓸 수 없습니다.

텍스트의 글꼴, 크기, 색상을 바꿀 수 있나요?+

네. 글꼴, 크기, 굵기, 정렬을 설정하고 새로운 채우기 색상을 고를 수 있습니다. 텍스트를 이동해 다른 작업물과 별도의 레이어에 배치할 수도 있습니다.

내보낸 파일에서도 텍스트가 계속 편집 가능한가요?+

네. 편집기는 문구를 실제 SVG 텍스트 요소로 다시 기록하므로 내보낸 파일도 계속 편집할 수 있습니다. 나중에 여러분이든 다른 누구든 다시 열어 문구를 또 바꿀 수 있습니다.

Illustrator의 .ai 파일을 열어 텍스트를 편집할 수 있나요?+

아니요. 이 벡터 편집기는 SVG만 열 수 있으며 Adobe의 .ai나 .eps는 지원하지 않습니다. 텍스트가 .ai 파일에 있다면 먼저 Illustrator에서 SVG로 저장하거나 내보낸 다음, 그 SVG를 여기서 열어 텍스트를 편집하세요.

관련 가이드

벡터 & SVG 가이드 더 보기 →