CSS是网页设计中必不可少的一种技术。在网页制作中，经常会遇到需要对图片进行缩放的情况。但是通常情况下，图片缩小后容易显得模糊或失真，这对网页的美观度和用户体验都是不利的。如何让图片缩小但是不失真呢？这就需要用到CSS的一些技巧。

首先，我们可以使用CSS的max-width属性来限制图片的大小。例如，我们想让一张图片的宽度最大只能是200px，我们可以设置如下的代码：

img{
max-width:200px;
}

这样，无论原图片的尺寸有多大，它都会自动缩小到宽度为200px的大小。但是这种方式只是简单的缩小图片，还会导致图片失真，特别是在放大时更为明显。

为了避免这种情况，我们可以使用CSS3的transform属性，它可以通过对图片进行缩放来达到保持图片清晰度的效果。例如，我们想让一张图片的宽度为200px，并且不失真，那么我们可以设置如下的代码：

img{
max-width:200px;
transform:scale(0.5);
-webkit-transform:scale(0.5);
}

这里的scale属性是缩放比例，例如上面的代码中，我们将图片缩小了一半，即缩放比例为0.5。这样一来，图片虽然变小了，但是它的清晰度并没有丝毫的损失。

总之，通过合理运用CSS的技巧，我们可以很好地做到对图片进行缩放而不失真，帮助我们打造出更为优美的网页。