기본적으로 내가 묻는 것은 1000x1000 픽셀 이미지를 말하고 HTML, CSS 또는 100x100 픽셀의 크기가 조정 된 verison 만 다운로드 할 수있는 몇 가지 종류의 코드가있는 것입니다. 이 일을 할 수있는 방법이 있습니까? 각 사진의 크기를 조정하고 사진을 업로드하고 원래의 더 큰 버전으로 사진을 연결하기 전에 알고 싶습니다. 감사.CSS를 통해 특정 크기의 이미지 만 다운로드 할 수 있습니까?
HTML/CSS로는 할 수 없지만 PHP와 같은 서버 측 언어로는 가능합니다. Here's a script 이미지의 크기를 조정할 수 있습니다.
이미지 크기 조정은 서버 집약적 인 프로세스가 될 수 있다는 사실을 알게되었습니다. 이미지의 크기가 조정 된 버전을 만든 후에는 후속 요청을 위해 서버에 캐싱됩니다. 그 라인을 따라
이 흐름은 다음과 같아야합니다
참고 : 제임스는 의견에 좋은 점을 가져 왔습니다. 크기를 조정할 이미지가 변경 (업데이트/수정)되면 축소판을 만들 때 (파일 이름의 일부 또는 데이터베이스에서) 큰 이미지의 마지막 수정 날짜를 추적해야합니다.
그런 식으로 캐시를 확인하면 미리보기 이미지를 재생성해야하는지 여부를 알 수 있습니다.
imageshack.us에 계정을 만들 수 있습니다 (계정을 만들어 이미지가 삭제되지 않도록하십시오). 그런 다음 이미지를 다양한 크기로 업로드하고 원하는 크기로 링크하십시오. (직접 크기를 조절할 필요가 없습니다. 업로드 할 때 imageshack에서 할 수 있습니다.) 그러면 원하는 크기로 이미지를 얻을 수 있고 서버에 부하를 걸지 않아도됩니다. 내가하고 멋지고
예를 작동 무엇
:
http://img52.imageshack.us/img52/1825/lakesunset.jpg
http://img12.imageshack.us/img12/6420/lakesunsetf.jpg
은 모두 imageshack에서 직접왔다. 이미지를 두 번 업로드하고 imageshack에서 크기를 조정했습니다.
이<a href="DIRECT LARGE IMAGE URL"><img src="DIRECT SMALL IMAGE URL"/></a>
예 :
http://img12.imageshack.us/img12/6420/lakesunsetf.jpg
미안 해요, 난 모든 서버를 해본 적이 없다
그럼 그냥 사용이 코드를 썸네일을 표시하고 더 큰 하나에 연결하기 저는 프로가 아니기 때문에 가난한 분이시기 때문에 당신이 찾고있는 것이면 당신을 도울 수 없습니다.여기
그냥 궁금해서 (나는 질문의 포스터 아니에요),하지만 당신은 당신의 서버에 같은 이미지를 저장 이론도 수와 다른 브라우저로 해당 버전을 제공하기보다는 고유의 모든 요청에 대해 그것을 다시 크기 조정 IP + 브라우저? (EDIT 또는 당신은 의미합니까 서버에 캐시?) –
을 절대적으로 - 그게 내가 캐시에 의해 무엇을 의미합니다. 크기가 조정 된 이미지는 서버 캐시 (일반적으로 서버의 파일 시스템)에 저장되므로 다음 사용자가 사용할 수 있습니다. 나는 명확성을 위해 나의 대답을 업데이트했다. – Pat
매혹적인 ... 난 정말 더 서버 측 프로그래밍을 배울 필요가 : P –