Images

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

지원하는 모든 기기에서 아트워크를 멋지게 보이게 하려면, 시스템이 컨텐츠를 표시하는 방법과 적절한 배율로 아트를 제공하는 방법을 알아보자

Untitled


Resolution

해상도

Different devices can display images at different resolutions. For example, a 2D device displays images according to the resolution of its screen.

기기별로 다른 해상도의 이미지를 표시할 수 있다. 예를 들어, 2D 기기는 스크린의 해상도에 따라 이미지를 표시한다.

visionOS가 추가되면서 모든 기기 → 2D로 바뀐 부분이 많은 것 같습니다.

point is an abstract unit of measurement that helps visual content remain consistent regardless of how it’s displayed. In 2D platforms, a point maps to a number of pixels that can vary according to the resolution of the display; in visionOS, a point is an angular value that allows visual content to scale according to its distance from the viewer.

point는 시각적인 컨텐츠가 표시되는 방식에 관계없이 일관성을 유지하는데 도움을 주는 추상적인 측정 단위다. 2D 플랫폼에서, 포인트(point)는 디스플레이의 해상도에 따라 달라질 수 있는 여러 픽셀에 매핑된다. visionOS에서, 포인트는 뷰어의 거리에 따라 시각적 컨텐츠의 크기를 조정할 수 있는 각도(angluar) 값이다.

To identify the resolution of an image you create, you specify a scale factor. You can visualize scale factor by considering the density of pixels per point in 2D displays of various resolutions. For example, a scale factor of 1 (also called @1x) describes a 1:1 pixel density, where one pixel is equal to one point. High-resolution 2D displays have higher pixel densities, such as 2:1 or 3:1. A 2:1 density (called @2x) has a scale factor of 2, and a 3:1 density (called @3x) has a scale factor of 3. Because of higher pixel densities, high-resolution displays demand images with more pixels.

생성하는 이미지의 해상도를 식별하려면, 배율(scale factor)를 지정해야 한다. 다양한 해상도의 2D 디스플레이에서 점 당 픽셀 밀도(density of pixels per point)를 고려하여 배율(scale factor)을 시각화할 수 있다. 예를 들어, 1배율(@1x라고도 불리는)은 1:1의 픽셀 밀도를 나타내고, 1px은 1pt이다. 고 해상도 2D 디스플레이는 2:1이나 3:1 같이 픽셀 밀도가 더 높다. 2:1 밀도(@2x)는 2배율이고, 3:1밀도(@3x)는 3배율을 가진다. 픽셀 밀도가 높기 때문에, 고 해상도 디스플레이는 더 많은 픽셀의 이미지를 요구한다.

Screenshot 2023-06-24 at 10.45.08 AM.png