CSS具有許多功能，其中一個是使圖片縮小。以下是一些用于實現此目的的CSS代碼。

img {
max-width: 100%;
height: auto;
}
.thumbnail {
width: 200px;
height: 200px;
object-fit: cover;
}
.zoom {
transition: transform .2s;
}
.zoom:hover {
transform: scale(1.1);
}

上述代碼中，第一個示例使用max-width: 100%;屬性，表示圖像應按其原始大小縮放至其父容器的最大寬度。這確保了圖像始終適合其容器的大小，并且不會在容器外部顯示。

第二個示例使用object-fit: cover;屬性，使圖像保留其寬高比，并且圖片會根據容器的比例放縮，最終達到被等比例剪裁的效果。

第三個示例使用鼠標懸停時的CSS過渡效果transition: transform .2s;，然后使用transform: scale(1.1);將圖像的比例增加到110％，從而放大了圖像的大小。

使用CSS使圖像縮小可以有效地提高網站的質量，并且為用戶提供更良好的瀏覽體驗。