디자인 최적화

대상 기기에서 UI를 테스트하여 애니메이션에서 최상의 성능을 얻을 수 있는지 확인할 수 있습니다. 성능 문제를 해결하려면 일반적으로 UI에 사용된 그래픽 에셋을 최적화해야 합니다.

다양한 대상 디바이스에 맞게 UI를 최적화하려면 다음과 같이 하세요:

• 이미지 크기를 최소화합니다.
• 투명도를 아껴서 사용합니다.

자세한 내용은 QML 성능 고려 사항 및 제안 사항을 참조하세요.

이미지 크기 최소화하기

이미지는 모든 사용자 인터페이스에서 중요한 부분입니다. 안타깝게도 이미지를 로드하는 데 걸리는 시간, 메모리 사용량 및 사용 방식 때문에 문제의 큰 원인이 되기도 합니다.

이미지 품질에 부정적인 영향을 미치지 않는 범위 내에서 이미지 크기를 최대한 작게 만드는 것이 좋습니다.

UI에서 이미지를 효율적으로 사용하는 방법에 대한 자세한 내용은 UI에서 이미지 사용을 참조하세요.

불투명도 피하기

불투명 콘텐츠는 일반적으로 블렌딩이 필요하고 렌더러가 불투명 콘텐츠를 더 잘 최적화할 수 있기 때문에 투명 콘텐츠보다 그리는 속도가 훨씬 빠릅니다.

투명한 픽셀이 하나 있는 이미지는 대부분 불투명하더라도 완전히 투명한 것으로 취급됩니다. 가장자리가 투명한 Border Image 역시 마찬가지입니다.