-
로고 파일 형식 정리 — PNG, SVG, AI 뭐가 다르고 언제 쓰나디자인 실무 2026. 5. 7. 08:00
"로고 파일 보내주세요"라는 요청을 받았을 때, 어떤 형식으로 줘야 할지 고민이 되는 경우가 있다. PNG로 줘야 하는지, SVG가 맞는지, AI 원본을 요청하는 건지 — 파일 형식마다 쓰임새가 다르기 때문이다.
실무에서 AI 파일을 받아도 일러스트레이터가 없으면 열 수 없어서 당황하는 경우도 종종 있다. PNG, SVG, AI 각각 언제 쓰는지, 어떤 차이가 있는지 정리했다.
PNG — 가장 흔하게 쓰이는 이미지 파일
PNG는 누구나 바로 열어볼 수 있는 이미지 파일이다. 배경이 투명한 상태로 저장할 수 있어서 로고 파일로 자주 쓰인다. 웹사이트에 올리거나, 문서에 삽입하거나, 카카오톡으로 공유하는 등 일상적인 용도에 적합하다.
단점은 픽셀 기반이라는 것이다. 크기를 키우면 이미지가 깨진다. 작은 사이즈로 저장한 PNG를 크게 늘리면 흐릿해지는 이유가 이것이다.
💡 로고 PNG는 충분히 크게 저장해두는 게 좋다 PNG는 줄이는 건 괜찮지만 키우면 깨진다. 처음 저장할 때 넉넉한 크기(가로 1000px 이상)로 저장해두면 나중에 다양한 용도로 쓸 수 있다.SVG — 크기를 키워도 깨지지 않는 벡터 파일
SVG는 벡터 기반 파일이다. 아무리 크게 늘려도 선명하게 유지된다. 웹사이트에 로고를 넣을 때 SVG를 쓰면 어떤 화면 크기에서도 선명하게 보인다. 파일 용량도 PNG보다 작은 경우가 많다.
브라우저에서 바로 열 수 있고, 코드로 색상을 변경할 수도 있어서 웹 개발에서는 SVG를 선호한다. 다만 일반 이미지 뷰어에서는 잘 안 열리는 경우도 있다.
AI — 일러스트레이터 원본 파일
AI는 Adobe Illustrator의 원본 작업 파일이다. 레이어, 오브젝트, 텍스트 등 모든 편집 정보가 그대로 담겨있다. 로고를 수정하거나 색상을 바꾸거나 다른 형식으로 변환할 때 AI 파일이 필요하다.
단점은 일러스트레이터가 없으면 열 수 없다는 것이다. 상사나 클라이언트한테 AI 파일을 보내면 대부분 못 열어본다. 확인용으로 전달할 때는 PNG나 PDF로 변환해서 주는 게 맞다.
💡 로고 납품할 때 어떤 형식으로 줘야 할까? 보통 AI(원본) + PNG(투명배경) + SVG 세 가지를 함께 전달하는 게 일반적이다. 클라이언트가 웹에도 쓰고 인쇄에도 쓸 수 있도록 다양한 형식을 함께 제공하면 나중에 재요청이 줄어든다.정리 — 언제 뭘 쓰나
항목 PNG SVG AI 열기 누구나 브라우저 일러스트레이터 필요 크기 조절 키우면 깨짐 선명하게 유지 선명하게 유지 투명 배경 지원 지원 지원 편집 가능 불가 코드로 수정 가능 자유롭게 편집 주요 용도 문서 삽입·공유 웹사이트 로고 원본 보관·편집 PNG는 누구나 열 수 있지만 크게 키우면 깨지고, SVG는 크기를 키워도 선명하게 유지되며, AI는 원본 편집 파일이라 일러스트레이터 없이는 열 수 없다.
로고 납품 시에는 AI + PNG + SVG 세 가지를 함께 전달하는 게 좋다.
확인용으로 보낼 때는 PNG나 PDF로 변환해서 주면 상대방이 바로 열어볼 수 있다.'디자인 실무' 카테고리의 다른 글
디자이너가 알아야 할 웹 접근성 기초 — alt 태그, 시맨틱 구조, 색상 대비 (0) 2026.05.11 디자이너 포트폴리오, 언제 업데이트해야 할까 — 1년에 한 번 폴더 정리로 충분했다 (0) 2026.05.08 디자이너가 레퍼런스 찾을 때 핀터레스트 쓰는 법 — 컨셉부터 컬러까지 (0) 2026.05.02 디자이너의 비디자이너 소통 경험 — 전문용어보다 이게 더 통했다 (0) 2026.05.01 웹앱 기획할 때 관리자 화면을 놓치면 생기는 일 — 1인 개발에서 꼭 고려할 것 (0) 2026.04.24