디자이너의 전체 파일 형식 참조 가이드

벡터 형식(AI, EPS, SVG)은 이미지를 점과 곡선을 기반으로 하는 수학적 경로로 저장하므로 품질 손실 없이 무한히 확장 가능합니다. 로고, 일러스트레이션, 타이포그래피에 이상적입니다. 래스터 형식(JPG, PNG, PSD)은 이미지를 그리드의 픽셀로 저장하므로 해상도에 따라 달라집니다. 다양한 색상과 그라데이션이 포함된 복잡한 이미지와 사진에 더 적합합니다. 확대하면 래스터 이미지는 품질이 떨어지고 픽셀화되지만 벡터 이미지는 어떤 크기에서도 선명하게 유지됩니다.

인쇄 디자인의 경우 가장 좋은 형식은 CMYK 색상 공간, 고해상도를 지원하고 품질을 유지하는 형식입니다. PDF는 글꼴을 포함하고 벡터 및 래스터 요소를 모두 보존하므로 최종 인쇄 결과물에 대한 업계 표준입니다. 파일 작업의 경우 AI(Adobe Illustrator)는 벡터 기반 디자인에 탁월하고, INDD(InDesign)는 여러 페이지 레이아웃에, PSD(Photoshop)는 이미지가 많은 작업에 탁월합니다. TIFF는 CMYK 및 무손실 압축을 지원하므로 인쇄 시 고품질 래스터 이미지에 선호됩니다. 항상 인쇄 파일의 해상도가 300DPI 이상인지 확인하고 CMYK 색상 프로필을 사용하세요.

웹사이트 및 디지털 디자인의 경우 품질을 유지하면서 파일 크기를 최적화하는 형식이 이상적입니다. SVG는 확장 가능하고 파일 크기가 작으며 CSS로 애니메이션을 적용할 수 있으므로 로고, 아이콘 및 간단한 일러스트레이션에 적합합니다. 사진의 경우 적절한 압축으로 JPEG를 사용하십시오. 투명한 그래픽의 경우 뛰어난 압축 기능을 제공하는 PNG-24 또는 WebP를 사용하십시오. WebP 및 AVIF와 같은 최신 형식은 훨씬 더 나은 압축 및 품질을 제공하지만 브라우저 호환성을 확인하세요. UI 디자인의 경우 디자인 프로세스 중에 Sketch, Figma 또는 XD와 같은 특수 형식을 사용한 다음 웹 지원 형식으로 내보냅니다. 로딩 시간을 줄이려면 항상 웹용 이미지를 최적화하세요.

디자인 형식 간의 변환은 다양한 방법을 통해 수행될 수 있습니다. 가장 안정적인 방법은 원본 디자인 소프트웨어를 사용하여 원하는 형식으로 내보내는 것입니다(예: Illustrator는 AI 파일을 PDF, EPS, SVG 등으로 내보낼 수 있음). 애플리케이션 간 변환을 위해 Adobe Creative Cloud 애플리케이션은 우수한 상호 운용성을 제공합니다. Cloudconvert, Zamzar 또는 Convertio와 같은 온라인 변환기는 기본 변환을 처리할 수 있지만 일부 기능이 손실될 수 있습니다. FileZigZag 또는 Format Factory와 같은 전용 변환 소프트웨어는 더 많은 옵션을 제공합니다. 특히 벡터 형식과 래스터 형식 사이 또는 다른 소프트웨어 공급업체의 독점 형식 사이를 이동할 때 변환에는 약간의 데이터 손실이 수반되는 경우가 많습니다.

여러 파일 형식은 디자인의 레이어 요소에 필수적인 투명성을 지원합니다. PNG는 투명도를 지원하는 가장 일반적인 웹 지원 형식이며, 특히 전체 알파 채널 투명도를 허용하는 PNG-24입니다. SVG는 투명성도 지원하며 웹의 벡터 그래픽에 이상적입니다. 작업 파일의 경우 PSD, AI 및 기타 기본 디자인 형식은 투명도가 있는 레이어를 지원합니다. WebP는 PNG보다 더 나은 압축으로 투명성을 지원합니다. GIF는 바이너리 투명도(완전 투명 또는 완전 불투명 픽셀)를 지원합니다. TIFF 및 PDF는 인쇄 작업 흐름에 대한 투명성도 지원합니다. 특히 JPEG는 주요 제한 사항 중 하나인 투명성을 전혀 지원하지 않습니다.

설계 파일을 장기간 보관하려면 폭넓은 호환성과 개방형 표준을 갖춘 형식을 사용하세요. PDF/A는 보관용으로 특별히 설계되었으며 향후에도 문서가 정확히 동일한 방식으로 재생산될 수 있도록 보장합니다. 작업 파일의 경우 기본 형식(AI, PSD, INDD)으로 저장하고 보다 보편적인 형식으로 내보낼 수도 있습니다. 가능한 경우 독점 형식보다는 벡터 그래픽용으로 SVG와 같은 개방형 형식을 사용하십시오. 래스터 이미지의 경우 압축되지 않은 TIFF가 최고 품질 보존을 제공합니다. 항상 연결된 모든 자산과 글꼴을 아카이브에 포함하세요. 다양한 미디어 유형에 아카이브를 저장하고 몇 년마다 스토리지를 새로 고칩니다. 사용된 소프트웨어 버전을 포함한 메타데이터로 작업 내용을 문서화하여 나중에 파일을 더 쉽게 열 수 있습니다.

웹 성능을 위해 파일 형식을 최적화하려면 각 자산 유형에 적합한 형식을 선택하고 적절한 압축을 적용하십시오. 사진의 경우 품질이 60~80%인 JPEG나 더 나은 압축률을 제공하는 WebP를 사용하세요. 색상이나 투명도가 적은 그래픽의 경우 벡터 요소에는 SVG를 사용하고 래스터에는 PNG를 사용하세요. WebP 및 AVIF와 같은 최신 형식은 기존 형식에 비해 파일 크기를 25-50% 줄일 수 있지만 브라우저 지원을 확인하세요. 다양한 장치에 대해 다양한 크기의 반응형 이미지를 구현합니다. ImageOptim, TinyPNG 또는 SVGOMG와 같은 도구를 사용하여 불필요한 메타데이터를 제거하고 파일을 최적화하세요. 페이지 로드 시 이미지가 즉시 표시되지 않는 경우 지연 로드를 고려하세요. 최적의 로딩 시간을 보장하려면 항상 Google PageSpeed ​​Insights와 같은 도구를 사용하여 웹사이트 성능을 테스트하세요.

다른 디자이너와 공동 작업할 때 가장 좋은 형식은 모두가 사용하는 소프트웨어에 따라 달라집니다. 모든 팀 구성원이 동일한 소프트웨어를 사용하는 경우 모든 기능과 편집 가능성이 유지되므로 기본 형식(Illustrator용 AI, Photoshop용 PSD 등)이 가장 잘 작동합니다. 소프트웨어 간 협업을 위해서는 상호 운용성이 좋은 형식을 사용하십시오. Figma와 같은 클라우드 기반 도구는 실시간 협업을 통해 전적으로 클라우드에서 작업함으로써 많은 호환성 문제를 제거합니다. Adobe 제품 간 공유에는 기본 형식이나 PDF가 적합합니다. Adobe 이외의 사용자와 공유할 때는 벡터 콘텐츠용 SVG와 같은 개방형 형식이나 병합된 미리 보기용 PNG와 같은 보편적으로 지원되는 형식을 고려하세요. 공동작업자에게 파일을 보낼 때 특별한 요구 사항, 글꼴 또는 연결된 자산을 항상 명확하게 문서화하세요.