브라우저에서 이미지를 다운로드 한 후 CSS 크기가 작아 지더라도 이미지가 브라우저 메모리에 그대로 남아있는 것처럼 메모리 사용 공간은 여전히 동일하다고 생각합니까?메모리의 이미지 크기 줄이기
실제로는 이미지의 크기가 줄어들어 메모리가 적게 걸리고 스크롤/팬 작업 중에 너무 많은 디스플레이 성능에 영향을주지 않습니까?
ps :이 질문은 "전통적"웹 페이지에 대해서는 의미가 없을 수 있지만 크기가 다른 여러 이미지를 표시하는 단일 페이지 웹 응용 프로그램의 맥락에서 (적어도 저에게는) 중요합니다. 페이지와 브라우저 메모리는 새 페이지를 표시 할 때 "새로 고침"되지 않습니다.
PS2 : 내가 서버에 액세스 할 수없는, 그래서 서버 측 크기 조정은 일반적으로 메모리 풋 프린트를 감소하지 않습니다
CSS 스케일링을 더 이동 중입니다. 브라우저가 축척 된 버전 및 이미지의 원래 버전을 버퍼링/캐시해야하기 때문에 실제로 증가시킬 수 있다고 생각합니다.
Canvas API을 사용하면 이미지의 더 작은 버전을 효과적으로 그려서 대신 사용할 수 있다고 생각합니다.
this question도 참조하십시오.
이미지의 최종 유효 크기를 알고 있다면 물론 웹 서버에서이를 수행하고 더 작은 버전을 캐시 할 수 있습니다. 이것은 어느 정도 하위 호환성을 제공해야합니다.
Canvas를 사용하여 작은 이미지를 생성하는 경우 CSS와 동일한 문제가 아닙니다. 즉 메모리에있는 동일한 이미지의 두 버전입니까? –
페이지의 DOM에서 "원본"이미지를 참조하지 않으면 결국에는 가비지 수집해야합니다. – BastiBen
당신이 많은 다른 프로그래밍 언어도이 아닌 문제가 될한다 단일 페이지 앱
서버에 액세스 할 수 없으므로 서버 측 크기 조정이 불가능합니다. (내 질문 편집) –
에 대한 바인딩을 가지고 ImageMagick를 http://www.imagemagick.org/script/index.php 처럼 뭔가 서버 쪽을 재조정 할 수있다. 필요하지 않은 DOM 요소를 올바르게 제거했는지 확인해야합니다. – user123444555621