크기 조정없이 이미지 JavaScript/jQuery 크기 조정

JavaScript 또는 jQuery로 이미지의 크기를 변경하지 않고도 이미지의 크기를 조정할 수있는 방법을 찾고 있습니다. PHP를 사용하여 솔루션을 찾았지만 서버 측 프로그래머가 아닙니다.크기 조정없이 이미지 JavaScript/jQuery 크기 조정

저와 친구를 위해 포트폴리오 웹 사이트를 개발하려고하며 라이트 박스 효과를 만들었습니다. 문제는 웹 사이트 예제가 클릭 될 때 발생합니다. 원본 크기는 너비가 55 %, 높이가 90 %로 축소되어 모든 해상도에서보기 좋게 나타납니다.

1366x768의 모니터에서 사진은 매우 섬세하게 보이기 시작하지만 더 큰 해상도에서는 괜찮습니다.

그래서 누군가가이 문제에 대한 해결책으로 알 수 있습니다 : 여기

내 웹 사이트입니까?

이미지 렌더링 CSS 속성을 사용해 보셨습니까? https://developer.mozilla.org/En/CSS/Image-rendering – Michael

이 작업을 수행하는 가장 좋은 방법은 적절한 이미지 조작 도구를 사용하여 이미지 버전을 서버 측에서 렌더링하는 것입니다. 사용자의 화면 크기에 따라 적절한 크기를 표시하십시오.

브라우저 크기에 따라 이미지의 품질과 품질이 일정하지 않습니다.

2012-07-25 15:20:34

+1 또한 4096 픽셀 너비의 이미지를 600px 와이드 모니터 (대역폭 최적화)에 저장하는 시간을 절약 할 수 있습니다. – msanford

답변