SVG와 EPS, AI의 차이는 무엇인가요?

1. 세 가지 형식을 한 줄씩

SVG: 웹을 위해 만들어진 개방형 벡터 표준으로 브라우저가 기본 지원합니다. EPS: PostScript 기반의 오랜 인쇄 교환 형식입니다. AI: Adobe Illustrator의 독자 작업 형식입니다. 셋 다 벡터 그림을 저장하지만 포지셔닝과 생태계가 크게 다릅니다. 이 분담을 이해하면 잘못된 형식으로 납품하고 나중에 다시 고치는 일을 피할 수 있습니다.

2. 자세히 비교

항목	SVG	EPS	AI
무엇인가	W3C 개방형 표준(XML)	PostScript 래퍼 형식	Illustrator 독자 형식
개방성	완전히 개방, 사람이 읽는 텍스트	공개된 규격, 널리 지원	독자적
브라우저 표시	기본 지원	지원하지 않음	지원하지 않음
주요 용도	웹 아이콘, 일러스트, 차트	인쇄와 각인 납품	디자인 원본 파일
편집	경로 단위 편집	제한적	레이어, 아트보드, 효과 전체

3. SVG: 웹과 크로스 플랫폼 작업의 첫 선택

SVG의 강점은 개방성과 웹 친화성입니다. 브라우저가 바로 렌더링하고, CSS와 JavaScript로 색을 바꾸고 애니메이션을 만들 수 있으며, 파일이 작고 압축이 잘 되고, 어떤 텍스트 편집기에서도 수정할 수 있습니다. 한계는 색이 주로 RGB라서 전용 색, 오버프린팅 같은 전문 인쇄 기능의 지원이 약하고, 고급 인쇄 워크플로는 여전히 PDF나 EPS에 의존합니다. 일상적인 웹 자산, 아이콘, 로고에는 SVG가 기본 답입니다. SVG는 HTML에 직접 삽입할 수도 있어 아이콘이 페이지와 함께 로드되며 이미지 요청 하나를 아낍니다. 비트맵이 필요할 때도 원하는 해상도로 PNG를 내보낼 수 있어 모든 선택지가 열려 있습니다.

4. EPS: 클래식한 인쇄 교환 형식

EPS는 PostScript로 그림을 기술하며 한때 인쇄와 각인 업계의 표준 납품 형식이었습니다. 거의 모든 프리프레스와 각인 패키지가 받아들였습니다. 기억할 점은 두 가지입니다. 구형 EPS는 라이브 투명도를 지원하지 않아 투명 효과가 평면화되고, 브라우저에서 바로 미리 볼 수 없다는 것입니다. 최근에는 PDF가 EPS의 많은 역할을 대신했지만 여전히 인쇄소가 EPS를 요구하는 경우가 많습니다. 실무에서는 버전을 살펴보세요. 오래된 장비는 낮은 EPS 버전만 읽는 경우가 있으니 내보낼 때 버전 옵션을 확인하고, 투명도가 있는 디자인을 EPS로 넘기기 전에 평면화 결과가 기대한 모습인지 확인하세요.

5. AI: 디자이너의 작업 파일

AI는 Illustrator의 기본 형식으로 레이어, 아트보드, 효과, 편집 가능한 텍스트를 그대로 유지하기 때문에 납품 형식이 아니라 작업 중 형식입니다. 독자적이라 Illustrator나 호환 소프트웨어가 필요합니다. AI 파일을 웹에 그대로 쓰지 마세요. SVG나 PNG로 내보내세요. AI 파일에는 보통 PDF 호환 레이어가 포함돼 Adobe가 아닌 애플리케이션도 상당히 많은 내용을 미리 볼 수 있지만, 효과를 잃지 않으려면 전체 편집은 Illustrator에서 하는 편이 낫습니다.

6. 선택과 변환

PDF도 언급할 만합니다. 이제 현대적 인쇄의 주류 납품 형식이며 벡터 그림과 타이포그래피를 결합합니다. 인쇄소가 형식을 지정하지 않았다면 PDF가 EPS보다 안전한 경우가 많고, 웹은 언제나 SVG를 뜻합니다. 세 형식에는 각각 역할이 있어 절대적인 최고는 없고 상황에 맞는 선택만 있습니다.

• 웹용: 망설임 없이 SVG를 고르세요;
• 인쇄소가 EPS나 AI를 요청할 때: Illustrator나 Inkscape에서 SVG를 열어 목표 형식으로 저장하세요;
• 웹에 올릴 EPS나 AI 파일을 받았을 때: 디자인 소프트웨어에서 열어 SVG로 내보내고 SVGO로 압축하세요;
• 장기 아카이브: AI 원본을 보관하고 SVG 사본을 함께 두어 편집 가능성과 범용성을 함께 챙기세요.

아직 비트맵 로고로 작업하고 있나요? 로고 → 벡터 도구로 비트맵을 SVG로 바꾸세요. 무료이며 가입이 필요 없고, 전체 작업 흐름은 로고 벡터화 튜토리얼에서 다룹니다. 일반적인 비트맵 변환은 이미지 → SVG 도구를, SVG가 얼마나 가치 있는지 알려면 SVG의 장점 6가지를 읽어보세요.