在网页设计中，图片通常是不可或缺的元素，通过CSS可以对图片的大小进行调整，其中一个重要的概念就是图片比例大小。

比例大小指的是图片的宽度与高度之间的比例关系，通常用一个小数或者比例的分数表示。例如，一个宽度为100px，高度为50px的图片的比例大小就是2:1或1:2。

在CSS中，可以使用以下两种方式设置图片的比例大小：

/* 第一种方式 */
img {
width: 100%;
height: auto;
}
/* 第二种方式 */
.container {
width: 500px; /* 容器的宽度 */
}
.container img {
width: 100%;
height: auto;
max-width: 100%;
max-height: 500px; /* 容器的高度 */
}

第一种方式设置了图片的宽度为100%，高度根据比例自动调整。这种方式简单易用，但是如果图片宽度过大，会导致图片变形。

第二种方式先设置了容器的宽度，然后设置图片的宽度为100%，高度根据比例自动调整。同时，设置了图片的最大宽度为100%和最大高度为容器的高度，这样就避免了图片变形的问题。

总之，在进行图片大小的调整时，要特别注意图片的比例大小，避免出现变形的情况。