2012-01-15 4 views
0

& 업로드 된 이미지의 엄지 손가락을 저장하는 가장 좋은 방법은 궁금합니다. 사진 갤러리가 있고 이미지를 업로드 할 때 원래 크기 인 thumb1, thumb2 및 thumb3으로 이미지를 저장합니다. 문제는 4 개의 이미지를 저장하기 때문에 업로드 프로세스에 많은 시간이 걸리는 것입니다.이미지를 업로드하는 과정에서 좋은 아이디어가 있습니까?

나는이 방법으로 사진을 업로드 한 다음 다른 3 개의 엄지 손가락을 만들거나 이미지의 원래 크기 만 업로드하고보기에서 사진을 업로드하는 것이 더 나은지 묻고 싶습니다. 엄지 손가락의 너비와 크기를 수동으로 설정 한 CSS를 사용하여 앱을 사용 하시겠습니까?

어떤 방법으로 선호하십니까? 내 응용 프로그램은 업로드 용으로 paperclip 및 amazon 서비스를 사용하기 위해 heroku의 Rails 3.1에서 실행됩니다.

답변

2

우리는 CMS (.NET 기반)와 비슷한 기능을 가지고 있습니다. 사용자가 이미지를 업로드하고 처리기가 원하는 해상도의 요구에 따라 축소판을 만듭니다. 또한 여분의 성능을 보장하기위한 디스크 캐싱 메커니즘이 있습니다. 우리의 경우에 잘 작동합니다.

귀하의 경우에는 IM 크기가 나쁜 CSS 크기 조정을 사용하지 않습니다.

1

파일 업로드시 이미지의 미리보기 이미지를 만들어야합니다. 이상적으로는 해상도를 표시 할 때마다 미리보기 이미지를 작성하는 것이 좋습니다. CSS에서 한 픽셀 너비만큼 이미지의 크기를 조정하지 않겠습니다. CSS로 이미지 크기를 조정하면 이미지는 항상 완전히 다운로드됩니다. 자유롭게 사용할 수있는 많은 이미지 리사이 저/미리보기 스크립트가 있습니다. 대부분은 업 로더에 내장되어 있습니다. 여러 이미지를 표시하는 경우 크기가 조정되지 않으면 성능 병목 현상이 발생합니다. 이로 인해 방문자가 불편을 겪을 수 있으며 더 중요한 것은 서버 리소스를 씹을 수 있습니다.

예. 1000 x 1000 픽셀 이미지는 1 백만 픽셀입니다. 업로드시 100x100 크기의 사본을 저장하여 사용자에게 제공하면 10,000 픽셀입니다. 99 % 감소 !!!

썸네일 생성을 완전히 싫어할 경우 클라이언트에 데이터를 보내고 로컬로 저장할 수 있도록 캐싱 및 압축을 검토하는 것이 좋습니다.

관련 문제