将图片的尺寸缩小是网页设计中常用的技巧。我们可以通过CSS来实现图片尺寸的调整，使得网页加载速度更快，并且提高网页的美观度。

下面是利用CSS调整图片尺寸的基本方法：

img{
width: 50%; /* 将图片宽度设为原来的50% */
height: auto; /* 让高度自动调整 */
}

在上述代码中，我们首先选择了所有图片元素，并将其宽度设为原来的50%。由于设置了宽度，高度也需要做出调整。因此，我们在height属性中使用了auto值，让高度自动适应新的宽度。这样一来，我们就能够轻松地将图片尺寸缩小。

还有一种方法是通过max-width属性来限制图片的最大宽度：

img{
max-width: 100%; /* 限制图片最大宽度为浏览器窗口的100% */
height: auto; /* 让高度自动调整 */
}

在上述代码中，我们告诉浏览器，将图片的最大宽度设置为浏览器窗口的100%。如果图片的原始宽度小于浏览器窗口宽度，它将被自动缩小，但是如果原始宽度大于浏览器窗口宽度，max-width属性将防止它变得过大。同样，我们可以使用auto值来让高度自动适应新的宽度。

以上就是利用CSS缩小图片尺寸的基本方法。我们可以根据具体的需求来使用这些技巧，让网页的图片更加美观、快速加载。