일러스트 JPG 이미지 저장 3가지 – DWG, DXF, OBJ, SWF, EPS
일러스트 JPG PNG PDF SVG 저장 방법과 고해상도 내보내기 설정
Adobe Illustrator는 벡터 기반으로 작업하는 프로그램이라서 확대해도 선명함을 유지하기 좋습니다. 그래서 작업 원본은 보통 AI, PDF, SVG처럼 편집성과 품질을 살릴 수 있는 형식으로 보관하고, 실제 업로드나 전달 단계에서 JPG, PNG, WebP, TIFF 같은 이미지 포맷으로 따로 내보내는 경우가 많습니다.
저도 일러스트 파일을 정리할 때 원본은 AI나 PDF로 남기고, 블로그 썸네일이나 웹 배너는 JPG 또는 WebP, 배경이 필요한 로고나 아이콘은 PNG 또는 SVG로 따로 뽑는 편입니다. 이렇게 나눠서 저장하면 나중에 다시 수정할 때도 편하고, 화질 저하도 덜합니다.
일러스트 다른 이름으로 저장
일러스트에서 파일 > 다른 이름으로 저장을 열면 흔히 기대하는 JPG나 PNG가 바로 보이지 않을 수 있습니다. 이유는 이 메뉴가 원본 편집 데이터를 최대한 유지하는 쪽에 가깝기 때문입니다.
그래서 기본적으로 AI, PDF, EPS, SVG처럼 작업 파일 성격이 강한 형식이 먼저 보입니다.
특히 AI 파일은 버전 차이에 민감한 편이라서, 다른 PC나 예전 버전에서 열어야 한다면 하위버전 마이그레이션 저장 여부를 같이 확인하는 편이 좋습니다.
저장 위치는 Adobe Cloud 문서나 로컬 PC 중에서 선택할 수 있습니다. 여러 기기에서 이어서 작업할 일이 많다면 클라우드 저장이 편하고, 외부 전달용이나 백업 관리가 중요하면 로컬 저장이 더 익숙할 수 있습니다.
- Adobe Illustrator AI
- Adobe PDF PDF
- Illustrator EPS EPS
- Illustrator Template AIT
- SVG
- SVG 압축 SVGZ
즉, JPG나 PNG는 다른 이름으로 저장 메뉴보다 내보내기 메뉴에서 처리하는 구조라고 이해하면 헷갈리지 않습니다. 원본과 출력본을 분리하는 방식이라고 보면 가장 깔끔합니다.
일러스트 JPG 이미지 저장방법
일러스트에서 웹용 또는 인쇄용 이미지로 저장하려면 파일 > 내보내기 메뉴를 사용합니다. 여기서 JPG, PNG, TIFF처럼 실제 업로드나 전달에 자주 쓰는 이미지 포맷을 만들 수 있습니다.
- 화면에 맞게 내보내기 Alt + Ctrl + E
- 내보내기 형식
- 웹용으로 저장 레거시 Alt + Shift + Ctrl + S
화면에 맞게 내보내기
화면에 맞게 내보내기는 아트보드 기준으로 필요한 자산을 빠르게 뽑을 때 편합니다. 웹 배너, 앱 아이콘, 썸네일, 상세페이지용 이미지를 여러 배율로 한 번에 내보내고 싶을 때 특히 잘 맞습니다. 저장할 때 화면이 잘리거나, 아트보드 밖 여백 때문에 애매하게 출력되는 문제를 줄이기에도 좋습니다.
- PNG
- JPG
- SVG
- OBJ
- WebP 지원 환경에서는 웹 자산용으로 활용 가능
앱 디자인을 하는 경우에는 iOS, 안드로이드 기준 배율로 맞춰 내보낼 수 있고, 필요한 경우 배율을 더 키우거나 해상도를 높여 선명한 이미지를 만들 수 있습니다. 썸네일이나 블로그 대표 이미지를 만들 때도 이 기능이 생각보다 편합니다.
그리고 OBJ처럼 3D 작업과 연결되는 형식을 지원하는 경우도 있어서, 2D 작업을 다른 툴과 연결해야 할 때 활용 범위가 넓습니다.
고화질 이미지가 필요하다면 1x만 고집할 필요는 없습니다. 2x, 3x처럼 배율을 키우거나 PDF처럼 벡터 성격을 유지하는 방식으로 내보내면 확대 대응이 훨씬 좋아집니다. 로고, 도면, 안내판 디자인처럼 선명도가 중요한 작업에서는 이 차이가 꽤 크게 느껴집니다.
폭과 높이, 해상도 값을 올리면 더 큰 이미지로 저장할 수 있습니다.
다만 웹 업로드용은 무조건 크게 뽑는다고 좋은 게 아니라, 용량과 화질의 균형을 같이 보는 편이 좋습니다. 블로그 본문 이미지는 과하게 큰 원본보다 적당한 해상도와 압축률이 더 중요할 때가 많습니다.
내보내기 형식
가장 무난하게 많이 쓰는 방식은 역시 일러스트 JPG 이미지로 저장하는 방법입니다.
별다른 추가 편집 없이 결과물만 빠르게 웹 이미지로 바꿔야 할 때 가장 손이 자주 갑니다.
- Autodesk RealDWG DXF
- Autodesk RealDWG DWG
- BMP
- CSS
- Flash SWF
- Jpeg JPG
- Macintosh PICT PCT
- Photoshop PSD
- SVG
- TIFF
- Targa TGA
- Windows 메타파일 WMF
- 텍스트 포맷 TXT
- 확장 메타파일 EMF
DWG나 DXF로 내보낼 수 있다는 점도 꽤 유용합니다. 2D 선 작업을 CAD 쪽으로 넘겨야 하거나, 간단한 도안 데이터를 다른 설계 프로그램과 연결할 때 쓸 수 있기 때문입니다.
완벽하게 같은 결과가 보장되는 건 아니지만, 도형 기반 작업에서는 생각보다 잘 쓰입니다.
PSD, TIFF, SVG, CSS 같은 형식도 상황에 따라 쓸모가 다릅니다. 수정이 계속 필요한 시안 전달은 PSD, 웹 아이콘과 로고는 SVG, 비트맵 고화질 보관은 TIFF처럼 목적을 나눠서 쓰면 관리가 편합니다.
웹용으로 내보내기
웹용으로 저장은 지금도 여전히 많이 쓰입니다. 특히 PNG 파일로 투명한 배경의 고화질 이미지를 만들거나, JPG 압축률을 미세하게 조정해서 용량을 줄이고 싶을 때 아직도 손이 갑니다.
- GIF
- JPG
- PNG-8
- PNG-24
저장할 때는 가시 범위, 선택 영역, 캔버스 크기, 운영체제 호환 옵션 등을 조절할 수 있고, PNG의 경우 투명도 처리 방식도 세부적으로 만질 수 있습니다. 웹 최적화가 필요한 로고, 버튼, 아이콘 이미지라면 이런 설정 차이가 생각보다 결과물에 영향을 줍니다.
- 확산 투명도 디더
- 패턴 투명도 디더
- 노이즈 투명도 디더
배경이 없는 이미지가 필요하면 PNG-24가 여전히 무난하고, 용량을 더 줄이고 싶으면 작업 특성에 따라 JPG나 WebP도 같이 비교해보는 편이 좋습니다. 저는 블로그 썸네일은 JPG 또는 WebP, 로고와 스티커형 요소는 PNG 또는 SVG로 나눠서 쓰는 편이 가장 편했습니다.
일러스트 설정값 백업 및 복원 저장 내보내기
일러스트 저장 포맷 선택 기준
원본 유지가 목적이면 AI나 PDF가 가장 무난합니다.
배경 없는 웹 이미지는 PNG 또는 SVG가 잘 맞고, 사진형 대표 이미지나 썸네일은 JPG나 WebP가 유리합니다. 인쇄 전달은 PDF, 다른 설계 툴 연결은 DWG나 DXF처럼 작업 목적에 따라 선택 기준을 나누면 됩니다.
결국 가장 실수 없는 방식은 하나입니다. 일러스트 원본은 AI나 PDF로 남겨두고, 실제 업로드용 이미지는 내보내기로 따로 뽑는 것. 저도 이 방식으로 정리한 뒤부터는 화질 저하나 저장 형식 때문에 다시 작업하는 일이 많이 줄었습니다.
