Image

To make sure your artwork looks great on all devices you support, learn how the system displays content on the screen and how to deliver art at the appropriate scale factors.

당신이 지원하는 모든 기기에서 당신의 작품이 훌륭하게 보이도록 확신하기 위해, 시스템이 어떻게 화면에 컨텐츠를 보여주는지, 그리고 적절한 스케일 팩터에 어떻게 예술을 전달하는지 배워야 합니다.

Check List

  • 제공하는 이미지들이 고해상도인가요?
  • 이미지에 색상 프로파일이 포함되어 있나요?
  • 실제 장치에서 이미지를 테스트했나요?

Scale factors

  • 1x
    • 10 x 10 pt
  • 2x
    • 20 x 20 pt
  • 3x
    • 30 x 30 pt

Formats

  • images
    • Format
  • Bitmap or raster work
    • De-interlaced PNG files
  • PNG graphics that don't require full 24-bit color
    • JPEG files, optimized as necessary, or HEIC files
  • Flat icons, interface icons, and other flat artwork that requires high-resolution scaling
    • PDF or SVG files

Best practices

  • Supply high-resolution images for all artwork in your app, for every device you support.
    • 지원하는 모든 앱, 모든 기기에 있는 모든 예술 작품을 위한 고해상도 이미지를 제공하세요.
  • In general, design images at the lowest resolution and scale them up to create high-resolution assets.
    • 일반적으로, 저해상도 이미지를 디자인 하고 그걸 확대하여 고해상도의 에셋을 생성합니다.
  • Include a color profile with each image.
    • 각 이미지에 색상 프로파일을 포함하세요.
  • Always test images on a range of actual devices.
    • 항상 실제 기기 범위에서 이미지를 테스트해야 합니다.

Platform considerations

tvOS

Parallax effect

  • Parallax is a subtle visual effect the system uses to convey depth and dynamism when an element is in focus.

Layered images

  • A layered image consists of two to five distinct layers that come together to form a single image.

watchOS

  • In general, avoid transparency to keep image files small.
    • 일반적으로 이미지 파일을 작게 유지하려면 투명성을 피해야 합니다.
  • Use autoscaling PDFs to let you provide a single asset for all screen sizes.
    • 자동 크기 조절의 PDF들을 활용해 단 하나의 에셋로 모든 화면 크기에 대응할 수 있도록 하세요.