CSS图片缩放是网页设计和开发过程中一个非常重要的技能。通过缩放图片，我们可以让页面更美观、更优化，同时可以提高页面加载速度。

在CSS中，有两种图片缩放方法，分别是通过width和height属性缩放和通过transform属性缩放。

img {
width: 50%; /* 将图片宽度缩小至原来的50% */
height: auto; /* 保持图片高度自适应 */
}

上面的代码中，我们使用了width属性将图片宽度缩小至原来的一半，并使用height的自适应属性来保持图片的长宽比。

img {
transform: scale(0.5); /* 将图片缩小至原来的50% */
}

而在上面的代码中，我们使用了transform属性中的scale()函数将图片缩小至原来的一半，不需要考虑长宽比的问题，因为它会自动适应。

需要注意的是，通过CSS缩放图片虽然可以美化页面、提高页面加载速度，但也会消耗一定的CPU资源，因此在实际使用中需要权衡各种因素。