在網頁設計中，經常會用到圖片的展示，而一般的圖片展示可能就顯得有點單調了。這時，我們可以嘗試使用CSS中的特效來優化圖片的展示效果。其中一種特效是圖片縮小效果，也就是在鼠標移動到圖片上時，讓圖片變小。

/* 首先，需要給圖片定義好寬高 */
img {
width: 300px;
height: 200px;
}
/* 然后，我們給圖片添加一個hover狀態 */
img:hover {
/* 在hover狀態下，將圖片的寬高縮小一半 */
width: 150px;
height: 100px;
/* 為圖片添加過渡效果，使變化更加平滑 */
transition: all 0.5s ease-in-out;
}

這樣，當鼠標移動到圖片上時，圖片就會按照我們所設置的寬高縮小一半，呈現出一種獨特的展示效果。當然，我們可以根據實際需要對圖片的縮小效果進行調整。

需要注意的是，在實際項目中，圖片縮小效果可能并不適用于每一張圖片。我們需要根據具體情況進行選擇和應用。