سلام
اگر سوال شما رو درست فهمیده باشم
این کار رو میتونی با یه کار کوچیک تو جاوااسکریپت انجام بدی
کد HTML:
<html>
<body>
<script type="text/javascript">
function ChangeImageSize() {
var img = document.getElementById('IMG');
var width = img.clientWidth;
var height = img.clientHeight;
if (width > 1000 || height > 800) {
img.setAttribute('width', '1000px');
img.setAttribute('height', '800px');
}
}
</script>
<div style="width: 1000px; height: 800px; overflow: hidden;">
<img id="IMG" src="http://upload.wikimedia.org/wikipedia/commons/1/12/Karte_Lage_Kanton_Tessin_2011.png"
onload="ChangeImageSize()">
</div>
</body>
</html>
من تو کد بالا هر دو خصیصه رو تغییر دادم. ولی اگر میخواهی در صورتی که تصویر تو حالت دوم سوال شماست بهتر نمایش داده بشه بهتره که فقط width رو تغییر اندازه بدی.