💾 디자인 파일 포맷 정리 (AI, PSD, PNG, SVG 차이 완벽 이해)

디자인을 배우거나 외주 작업을 하다 보면 ‘이 파일은 왜 안 열리지?’라는 경험, 한 번쯤 있죠.
파일 이름 뒤에 붙은 .ai, .psd, .png, .svg 같은 확장자는 단순한 형식이 아니라 저장 방식과 작업 목적을 구분하는 기준이에요.

디자인 포트폴리오, 인쇄물, 웹 이미지 등 작업 목적에 따라 어떤 파일을 선택하느냐가 결과물의 품질을 크게 좌우합니다.
이번 글에서는 초보 디자이너도 헷갈리지 않게, 가장 많이 쓰이는 디자인 파일 4종의 차이점과 활용법을 깔끔하게 정리해드릴게요.

---

🎨 1. AI (Adobe Illustrator) – 벡터의 대표 주자

• 확장자: .ai
• 툴: Adobe Illustrator
• 특징: 벡터(Vector) 기반의 파일 형식으로, 확대·축소해도 이미지가 깨지지 않음.
• 주 용도: 로고, 아이콘, 인쇄물, 일러스트 작업

장점
✔️ 해상도 손실이 없음
✔️ 색상 분리 및 인쇄 대응이 용이함 (CMYK 지원)
✔️ 다른 포맷(EPS, SVG 등)으로 손쉽게 변환 가능

단점
⚠️ 포토샵(PSD)이나 기본 이미지 뷰어에서는 열리지 않음
⚠️ 일부 무료 툴에서 호환성이 떨어질 수 있음

💡 Tip: 인쇄소나 굿즈 제작 업체에 전달할 땐 AI 파일을 그대로 보내는 게 가장 안전합니다.

---

🖌️ 2. PSD (Adobe Photoshop) – 이미지 편집의 기본

• 확장자: .psd
• 툴: Adobe Photoshop
• 특징: 픽셀 기반의 레이어 구조로, 사진 편집과 합성에 최적화
• 주 용도: 이미지 리터칭, 합성, 배너 디자인, 웹 썸네일 제작

장점
✔️ 고해상도 이미지를 정밀하게 편집 가능
✔️ 필터, 레이어, 마스크 등 세밀한 작업 지원

단점
⚠️ 용량이 크고, 확대 시 해상도가 깨질 수 있음
⚠️ 웹·모바일용 파일로 바로 쓰기엔 최적화가 필요함

💡 Tip: PSD는 최종 결과물이 아니라 작업 파일이에요.
최종 출력 시에는 PNG, JPG 등으로 저장해 사용하세요.

---

🖼️ 3. PNG – 투명 배경 이미지에 강한 파일

• 확장자: .png
• 툴: 모든 그래픽 툴에서 지원
• 특징: 배경이 투명한 이미지 저장 가능, 웹디자인·썸네일 제작에 자주 사용
• 주 용도: 블로그 이미지, 아이콘, UI 그래픽

장점
✔️ 투명 배경 지원
✔️ 이미지 품질 손실이 거의 없음
✔️ 가볍고 업로드에 용이

단점
⚠️ 용량이 JPG보다 크며, 인쇄용으로는 부적합
⚠️ CMYK 색상 지원이 없어 출력용 디자인에는 비추천

💡 Tip: 블로그, 유튜브 썸네일, 웹 아이콘 등에는 PNG가 가장 깔끔한 선택입니다.

---

🔷 4. SVG – 웹과 인터랙티브 디자인의 강자

• 확장자: .svg
• 툴: Figma, Illustrator, Gravit 등
• 특징: XML 기반의 벡터 이미지 포맷, 파일 크기가 매우 작고 웹에서 선명하게 표시됨
• 주 용도: 웹사이트 아이콘, 로고, 인터페이스 디자인

장점
✔️ 무한 확대 가능 (벡터 형식)
✔️ 코드 기반이라 웹 페이지에 직접 삽입 가능
✔️ 애니메이션 효과도 지원

단점
⚠️ 복잡한 일러스트에는 렌더링이 느릴 수 있음
⚠️ 일부 오래된 브라우저에서는 완벽히 지원되지 않음

💡 Tip: 웹디자이너나 UI 디자이너라면 PNG 대신 SVG로 익숙해지는 걸 추천해요.

---

🧩 정리 비교표

구분파일형식기반주요 용도장점단점

 

AI	벡터	인쇄물, 로고	확대해도 깨지지 않음	호환성 제한
PSD	픽셀	포토샵 작업, 합성	세밀한 편집 가능	용량 큼
PNG	이미지	웹, 블로그	투명 배경 지원	인쇄용 부적합
SVG	벡터(XML)	웹 아이콘, UI	가볍고 선명함	복잡한 그래픽엔 비효율

---

AI, PSD, PNG, SVG는 각각의 목적이 다릅니다.
AI와 SVG는 벡터 기반(로고·인쇄), PSD와 PNG는 픽셀 기반(사진·웹)으로 이해하면 구분이 쉬워요.

디자인을 배운다면 단순히 ‘파일이 다르다’가 아니라,
‘언제, 어디에, 왜 이 형식을 써야 하는지’를 파악하는 게 진짜 실무 감각이에요.