그래픽 컨텐트를 모바일 장치용으로 최적화하려면 Illustrator에서 만든 아트워크를 모바일 장치용으로 특별히 고안된 SVG 형식(SVG-t 포함)으로 저장합니다.

Illustrator에서 만든 이미지가 모바일 장치에서 제대로 표시되도록 하려면 다음 팁을 사용합니다.

• SVG 표준을 사용하여 컨텐트를 만듭니다. SVG를 사용하여 모바일 장치에 벡터 그래픽을 게시하면 파일 크기가 작아지고, 표시에 영향을 받지 않으며, 색상 제어력이 강해지며, 확대/축소 기능을 사용할 수 있고, 소스 코드 내에서 텍스트 편집이 가능해집니다. 또한 SVG는 XML 기반이므로 강조, 도구 팁, 특수 효과, 오디오, 애니메이션과 같은 대화형 기능을 이미지에 통합할 수 있습니다.

• 처음부터 대상 모바일 장치의 최종 크기로 작업합니다. SVG는 크기 조절이 가능하지만, 정확한 크기로 작업을 하면 최종 그래픽의 품질과 크기가 대상 장치에 맞게 최적화됩니다.

• Illustrator 색상 모드를 RGB로 설정합니다. SVG는 모니터와 같은 RGB 래스터 디스플레이 장치에서 표시됩니다.

• 파일 크기를 줄이려면 개체(그룹 포함) 수를 줄이거나 개체를 덜 복잡하게(포인트 수를 더 적게) 만듭니다. 포인트 수를 줄이면 SVG 파일에서 아트워크를 설명하는 데 필요한 텍스트 정보의 양이 크게 줄어듭니다. 포인트 수를 줄이려면 [오브젝트] > [패스] > [단순화]를 선택하고 다양한 조합을 시도하여 품질과 포인트 수 간의 적절한 균형을 찾습니다.

• 가능하면 심볼을 사용합니다. 심볼은 오브젝트를 설명하는 벡터를 한 번만 정의합니다. 따라서 재사용되는 단추 배경과 같은 오브젝트가 아트워크에 포함된 경우에 유용합니다.

• 그래픽에 애니메이션을 적용할 때는 사용되는 오브젝트 수를 제한하고 가능하면 오브젝트를 다시 사용하여 파일 크기를 줄입니다. 개별 오브젝트가 아닌 오브젝트 그룹에 애니메이션을 적용하여 코드 반복을 피합니다.

• SVG의 gzip 압축 버전인 SVGZ를 사용합니다. 압축을 하면 컨텐트에 따라 파일 크기가 크게 줄어듭니다. 텍스트는 일반적으로 압축률이 크지만 포함된 래스터(JPEG, PNG 또는 GIF 파일)와 같이 이진으로 인코딩된 컨텐트는 많이 압축되지 않습니다. SVGZ 파일은 gzip으로 압축된 파일을 확장하는 응용 프로그램을 사용하여 압축을 해제할 수 있습니다. SGVZ를 성공적으로 사용하려면 대상 모바일 장치에서 gzip 파일의 압축을 해제할 수 있는지 확인합니다.