การใช้ CSS ปรับขนาดรูปโดยรักษาอัตราส่วนรูป

<div class="img-resize"><img src="image1.jpg" /></div>
<div class="img-resize"><img src="image2.jpg" /></div>

<style type="text/css">
div.img-resize img {
	width: 64px;
	height: auto;
}

div.img-resize {
	width: 64px;
	height: 64px;
	overflow: hidden;
	text-align: center;
}
</style>

<style type="text/css">
div.img-resize img {
	height: 64px;
	width: auto;
}

div.img-resize {
	width: 64px;
	height: 64px;
	overflow: hidden;
	text-align: center;
}
</style>