디자인 최적화

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

다양한 대상 기기에 맞게 UI를 최적화하려면:

• 이미지 크기를 최소화하십시오.
• 투명도는 최소한으로 사용하십시오.

자세한 내용은 ‘QML 성능 고려 사항 및 권장 사항’을 참조하십시오.

이미지 크기 최소화

이미지는 모든 사용자 인터페이스에서 필수적인 요소입니다. 하지만 안타깝게도 이미지 로딩에 걸리는 시간, 메모리 소비량, 사용 방식 등으로 인해 문제가 되는 주요 원인이 되기도 합니다.

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

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

투명도 피하기

불투명한 콘텐츠는 일반적으로 투명한 콘텐츠보다 훨씬 빠르게 렌더링됩니다. 투명한 콘텐츠는 블렌딩이 필요하고, 렌더러가 불투명한 콘텐츠를 더 잘 최적화할 수 있기 때문입니다.

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