디자인 파일 형식(AI·PSD·PNG·SVG·PDF·피그마) 차이 — 발주할 때 어떤 파일로 받아야 하나요

반년 전에 받은 로고를 현수막 업체에 보냈더니 이 파일로는 제작이 어렵다는 답이 왔습니다. 메일함을 뒤져 보니 그때 받은 건 PNG 한 장뿐입니다. 만들어 준 디자이너와는 연락이 끊긴 지 오래고요.

디자인을 받는 순간에는 확장자가 무엇인지까지 따지지 않습니다. 화면에서 잘 열리고 잘 보이니 다들 그대로 넘어갑니다. 곤란해지는 건 몇 달 뒤입니다. 크게 뽑아야 할 때, 문구 하나만 바꿔야 할 때, 개발자에게 넘겨야 할 때 손에 있는 파일로는 안 되는 일이 생깁니다.

확장자 차이를 외울 필요는 없습니다. 순서를 거꾸로 잡으면 됩니다. 이 결과물로 앞으로 무엇을 할 것인지 먼저 정하고, 그 용도에 필요한 파일을 발주서에 적어 두는 순서입니다.

파일은 두 갈래로 갈라서 보면 됩니다

고칠 수 있느냐가 먼저입니다. JPG나 PNG처럼 완성된 이미지 한 장은 열어도 손댈 데가 없습니다. 그림 한 장이 통째로 붙어 있어서 글자만 골라내지 못합니다. 디자이너가 작업하던 상태 그대로인 파일은 다릅니다. 글자는 글자대로, 배경은 배경대로 층층이 따로 놓여 있습니다. 이 층을 레이어라고 부르고, 레이어가 살아 있어야 원하는 부분만 바꿀 수 있습니다. 일러스트레이터의 AI, 포토샵의 PSD, 그리고 피그마 파일이 여기에 속합니다.

그다음은 크게 키워도 안 깨지느냐입니다. 사진이 그렇듯 아주 작은 점을 촘촘히 찍어 만든 이미지가 있습니다. 명함 크기로 만든 것을 현수막만큼 키우면 그 점이 같이 커져서 흐릿해집니다. 이런 방식을 래스터라고 하고 JPG·PNG·PSD가 여기에 속합니다. 선과 면을 좌표로 기억해 두는 방식이라면 몇 배로 키워도 테두리가 그대로입니다. 이쪽을 벡터라고 하고 AI·SVG, 그리고 이 방식으로 저장한 PDF가 해당합니다. 로고와 아이콘은 벡터로 받아 둬야 나중에 크기 걱정 없이 씁니다.

두 갈래를 형식별로 놓으면 이렇습니다.

용도별로 무엇을 요구해야 하나요

실무에서 나오는 상황은 대부분 아래 다섯 가지 안에 있습니다. 왼쪽에서 우리 상황을 찾아 오른쪽을 그대로 발주서에 옮기세요.

헷갈리는 건 두 번째와 세 번째입니다. 광고 매체는 소재의 가로세로 크기와 파일 용량에 각자 제한을 둡니다. 같은 그림이라도 매체별로 크기를 다시 맞춰야 합니다. 처음 맡길 때 필요한 크기를 모두 적어 두면 나중에 한 건씩 다시 요청할 일이 줄어듭니다.

세 번째 항목에서 SVG를 콕 집는 이유는 화면 크기 때문입니다. 홈페이지 로고는 데스크톱에서 크게, 휴대폰에서 작게 나옵니다. 이미지 한 장으로 넣으면 어느 한쪽에서 흐려지거나 테두리가 거칠어집니다. SVG로 넘기면 화면이 커지든 작아지든 같은 선명도로 나옵니다.

다섯 번째 항목에는 함정이 하나 있습니다. 원본 파일을 받았는데도 문구가 안 바뀌는 경우가 있습니다. 글자를 도형으로 바꿔서 저장하면 화면에서는 똑같아 보여도 글자로는 다시 손대지 못합니다. 이 처리를 아웃라인이라고 부릅니다. 인쇄소에 넘길 때는 오히려 필요한 작업이라 디자이너가 습관처럼 하기도 합니다. 수정을 계획하고 있다면 요청할 때 글자를 살려 달라고 한 줄 적어 두세요.

실제 발주에서는 어떤 형식이 오갔나

형식은 취향이 아니라 그 결과물을 어디에 쓸지에 따라 나뉩니다. 저희 업무 요청서에는 원본 파일 형태를 고르는 칸이 있어서, 이 칸에 무엇이 적혔는지를 업무 유형별로 갈라 봤습니다.

상세 페이지만 한쪽으로 쏠리지 않았습니다. 포토샵이 44%, 피그마가 38%로 갈립니다. 사진을 크게 쓰는 판매용 상세페이지가 있고, 홈페이지 화면에 가까운 상세페이지가 있습니다. 둘이 한 이름 아래 섞여 있어서 그렇습니다. 이런 유형일수록 요청할 때 어느 쪽으로 받을지 먼저 정해야 합니다.

완성 이미지만 받고 끝내면 생기는 일

먼저 크기가 문제입니다. 로고를 PNG 한 장으로만 갖고 있으면 명함 정도까지는 괜찮습니다. 그런데 박람회 부스 배경이나 현수막처럼 크게 뽑는 자리가 오면 테두리가 뭉개져서 그대로 쓰지 못합니다. 배경을 비워 두지 않은 파일이라면 흰 네모가 그대로 남아서 색이 있는 배경 위에 얹지도 못하고요. 결국 로고를 다시 그려야 합니다. 그것도 처음 만든 사람이 아니라 다른 디자이너가 눈으로 보고 따라 그리는 작업입니다.

고칠 때도 마찬가지입니다. 가격 하나, 날짜 하나를 바꾸려고 발주를 다시 넣게 됩니다. 플로우웍스가 받은 요청 가운데 업무 성격이 적힌 585건을 세어 보니 280건이 새로 만드는 일이 아니라 이미 있는 것을 고치거나 크기·문구만 바꾸는 일이었습니다.

이 280건 중 220건에는 원본 파일 형태가 함께 지정돼 있습니다. 고칠 일이 예상되는 업무일수록 받을 파일을 미리 적어 둔다는 얘기입니다. 완성 이미지만 손에 있으면 디자이너는 그 그림을 다시 만드는 데서 출발해야 하고 그만큼 시간과 비용이 더 듭니다.

화면에서 본 색과 인쇄된 색은 다릅니다

화면에서 확인하고 승인한 색이 인쇄물에서는 다르게 보입니다. 화면은 빛을 섞어 색을 만들고(RGB) 인쇄는 잉크를 섞습니다(CMYK). 빛으로만 낼 수 있는 형광빛 초록이나 쨍한 파랑은 잉크로 옮기면 한 톤 가라앉습니다.

같은 디자인을 화면과 인쇄에 모두 쓸 계획이라면 파일을 한 벌만 받지 마세요. 화면용과 인쇄용은 색을 다루는 방식부터 다르니 처음 요청할 때 두 용도를 함께 알리고 각각 받는 편이 안전합니다. 인쇄소마다 요구하는 규격은 또 별개라 입고 직전에 업체 안내를 한 번 더 확인해야 합니다.

발주서에 이렇게 한 줄만 적어 두세요

형식 이름을 정확히 몰라도 됩니다. 무엇에 쓸 건지와 나중에 고칠 계획이 있는지만 적어도 디자이너가 맞는 형식을 골라 줍니다.

여기에 상황에 따라 한 줄씩 붙입니다. 광고 매체에 올릴 소재라면 필요한 크기를 몇 종이라고 숫자로, 개발자에게 넘길 로고라면 SVG를, 인쇄가 걸려 있다면 인쇄용 색으로 만들어 달라고 적습니다.

플로우웍스는 업무 요청서에 원본 파일 형태를 고르는 칸을 필수로 둡니다. 요청을 넣을 때 형식을 함께 고르니 납품 뒤에 다시 이야기를 꺼낼 일이 줄어듭니다.

원본을 꼭 줘야 하는지는 다른 문제입니다

원본을 넘기는 게 의무인지, 넘기면 추가 비용이 붙는지, 폰트와 사진의 사용 범위는 어디까지인지는 계약과 관행이 걸린 다른 이야기입니다. 그 부분은 디자인 원본 파일을 안 준다는데 정상인가요에서 따로 다뤘습니다.

자주 묻는 질문 (FAQ)