[Illustrator] 일러스트레이터에서 비트맵 이미지(JPEG, PNG) 파일로 저장하기

일러스트레이터는 벡터(Vector) 기반의 소프트웨어입니다. 하지만 최종 결과물을 JPEG, PNG와 같은 비트맵(Bitmap) 이미지 파일로 확인해야 하는 경우가 많습니다. 벡터 이미지를 비트맵 이미지로 저장하는 방법을 알아보도록 하겠습니다.

Save for Web (웹용으로 저장) Alt+Shift+Ctrl+S

일러스트레이터에서 작업물을 비트맵 이미지로 저장하는 데 많이 사용하는 방법이 “Save for Web (웹용으로 저장)” 메뉴입니다.

1. File (파일) > Export (내보내기) > Save for Web (웹용으로 저장)

※ CC 2015 버전 이하: File > Save for Web


2. Save for Web (웹용으로 저장) 대화 상자

Save for Web (웹용으로 저장) 대화 상자의 옵션을 조정하여 비트맵 이미지 포맷과 크기를 선택할 수 있습니다.

1) Preset (사전 설정)
비트맵 이미지 포맷을 선택할 수 있는 옵션으로 JPEG과 PNG-24가 대표적으로 사용됩니다.

  • JPEG
    Maximum (최대) / Quality > 100%

  • PNG-24
    [v] Transparency (투명도): 선택 시 배경을 투명하게 저장
    확장자는 “.png”로 저장됨

2) Image Size (이미지 크기)
이미지 크기를 조정할 수 있고, 해당 아트보드에 맞출지 오브젝트에 맞출지 선택할 수 있습니다.

New Size (새 크기): Percent
확대/축소 시, 크기값 설정 후 위 칸(Width 또는 Height)을 클릭하여 이미지 크기 변화 확인 후 저장

  • 50 = 50% 크기
  • 100 = 실제 크기
  • 200 = 2배 크기

Clip to Artboard (대지로 클립)

  • [v] Clip to Art board 체크
    옵션 선택 시, 설정한 아트보드 크기에 맞춰서 이미지 저장
[v] Clip to Art board 체크 상태

  • [ ] Clip to Art board 해제
    옵션 해제 시, 작업한 오브젝트 크기에 맞춰서 이미지 저장
[ ] Clip to Art board 해제 상태