반응하는 네이티브 앱의 이미지 크기 선택

Question

반응하는 네이티브 앱에 대한 전체 화면 이미지가 필요합니다. 어떤 크기로 고정해야합니까? 너비 320, 너비 480, 720, 920, 1280, 1920 중 하나와 같은 여러 해상도의 여러 이미지를 추가하고 Dimensions.get 출력에 따라 이미지를 선택해야합니까? 그렇다면 어떤 크기를 포함시켜야합니까? 아니면 그만큼 많은 이미지가 필요하지 않고 평균 해상도를 가진 이미지를 고집하는 것이 좋습니다. 이미지 크기를 선택하는 가장 좋은 방법은 무엇입니까?

Answer 1

게재 될 이미지의 크기는 Dimensions, pixelRatio 및 NetInfo의 데이터에 따라 다릅니다.

일반적인 iPhone의 너비는 320이라고 가정 해 봅시다. pixelRatio이 2이면 이미지를 선명하게하려면 720을 제공하는 것이 좋습니다. 이것이 바로 사이징의 기초가되는 수학입니다.

위에는 NetInfo.isConnectionExpensive()을 확인하고 네트워크가 적절하지 않은 경우 품질을 다운 그레이드하는 것이 좋습니다.

나는 이것을 처리하는 좋은 방법은 3-4 기본 이미지 크기 - 작은, 중간, 큰, extraLarge (태블릿 커버)를 사용하는 것입니다.