android - 类似微信朋友圈的九宫格，图片是在图床上切成正方形给前端还是在前端在显示时再切成正方形

Question

类似微信朋友圈的九宫格，图片是在图床上切成正方形给前端还是在前端在显示时再切成正方形

Answer 1

일반적으로 백엔드는 사각형 표시를 처리하지만 여전히 특정 요구 사항에 따라 다릅니다. 이러한 정사각형 썸네일을 백엔드에서 반환하면 목록 표시 속도가 빨라지지만, 세부정보를 보려면 다시 방문해야 합니다. 그러나 모든 썸네일을 클릭하는 것은 불가능하므로 백엔드에서 처리하는 것이 좋습니다. 썸네일을 표시하지만 백엔드에서 제공하지 않는 경우에도 가능합니다. 원본 이미지를 직접 가져와 프런트엔드에 표시할 수 있지만, 한 번에 로드하는 속도가 느려지고 더 많은 트래픽을 소비할 수 있습니다. 큰 이미지를 표시하는 경우, 세부 사항은 전반적인 고려 사항에 따라 달라집니다.

Answer 2

두 가지 방법 모두 달성 가능

1. 서버 측은 두 세트의 이미지, 정사각형 비율에 따라 크기가 조정되고 잘린 한 세트의 썸네일, 그리고 한 세트의 원본 이미지는 9개의 정사각형 격자에 사용되며 원본 이미지는 다음과 같습니다. 클릭 후 큰 이미지를 볼 때 사용됩니다.

2. 서버는 원본 이미지만 제공하고 클라이언트는 원본 이미지를 로컬로 다운로드하여 정사각형 비율(비율은 특정 화면 해상도를 기준으로 함)에 따라 자르고 9개의 정사각형 그리드를 채웁니다. 큰 이미지의 기능은 위와 동일합니다.

합리적인 방법이 첫 번째 솔루션이어야 합니다. 썸네일 크기가 작고 전송이 빠르며 사용자 경험이 더 좋습니다.