그래픽 렌더링 영향
UI 개체의 그래픽 측면은 엔진의 래스터화 및 렌더링에 필요한 시간에 직접적인 영향을 미칩니다.
- SVG 이미지를 적극 권장합니다.
- 벡터 기반이며 해상도에 독립적입니다.
- 런타임에 색상, 불투명도, 크기 등을 동적으로 변경할 수 있습니다.
- 반응형 디자인에 이상적입니다.
- PNG 이미지:
- 처리 속도가 더 빠를 수 있습니다.
- 유연성이 떨어집니다(특히 해상도에 민감한 프로젝트의 경우).
- 적절한 파일 크기(바이트)가 있어야 합니다.
팁:
의도한 표시 영역에 적합한 크기의 PNG 이미지를 사용하십시오. 렌더링되는 영역보다 훨씬 큰 이미지는 사용하지 마십시오. 필요한 경우 압축 도구를 사용하여 품질 저하 없이 파일 크기를 줄이십시오. 외부 미디어(예: 비디오)에도 동일하게 적용되며, 대상 해상도 및 하드웨어에 맞게 크기가 조정되어야 합니다.
모든 디자인 결정은 총 노드 수와 런타임 모델의 복잡성에 영향을 줍니다. 재사용성, 모듈성 및 성능 간의 균형을 유지하는 것이 중요하며 프로젝트가 배포될 대상 하드웨어를 항상 고려해야 합니다.
의견을 작성 부탁드립니다.