썸네일 이미지를 빠르게로드하십시오.

미리보기 갤러리가있는 웹 앱이 있습니다. 내 문제는, 일부 이미지는 매우 (6000 x 6000처럼) 거대하며, 현재의 접근 방식은 이미지 태그에 이미지를로드 한 다음 CSS를 사용하여 최대 너비와 최대 높이를 설정하는 것입니다.이 이미지는 거대한 이미지 때문에 매우 느립니다. 뒤에로드.썸네일 이미지를 빠르게로드하십시오.

이 상황에서 가장 쉬운 해결책은 무엇입니까?

나는 레일즈를 사용하고 있으며 이미지는 Carrierwave를 사용하여 업로드됩니다.

출처

2013-10-23 VHanded

Carrierwave github 페이지에서 image thumbnails section을 찾으십시오. 대형 이미지를 업로드 할 때 이미지의 크기를 조정하고 복사본을 저장할 수 있습니다. 나중에 더 작은 버전의 이미지를 제공하여 요청 시간을 훨씬 빠르게 할 수 있습니다.

0 또는 nil을 다른 속성에 종속시키려는 너비 또는 높이로 업로드 한 이미지에서 적절한 가로 세로 비율을 유지하고자 할 수도 있습니다. 더 자세한 정보는 here을보십시오.

출처

2013-10-23 00:22:20 jvperrin

작은 복사본을 만드는 것이 최선의 방법입니다. 그런 큰 사진을 위해서 나는'carrierwave_backgrounder'gem을 사용하여 백그라운드 프로세스로 크기 조정을 시도하려고합니다. –

썸네일 이미지를 빠르게로드하십시오.

답변

관련 문제