在網頁設計中，很多時候需要對圖片進行等比縮小并居中的操作。這一操作可以讓圖片在頁面中占據合適的位置，更有利于網頁的美觀度和布局。

下面是一段HTML代碼，可以實現對圖片的等比縮小并居中的功能：

<div style="text-align:center;">
<img src="example.jpg" alt="example" style="max-width:100%; max-height:100%;">
</div>

通過上述代碼，我們首先使用了 <div> 標簽創建了一個 DIV 容器，然后對其屬性“text-align:center;”進行設置，使其內部的元素水平居中。

接下來，我們在 <div> 容器中添加了一張圖片，通過設置其樣式“max-width:100%; max-height:100%;”實現了對圖片進行等比縮小。其中 max-width 屬性是圖片的最大寬度，max-height 屬性是圖片的最大高度，兩者都設置為 100%，使得圖片可以依據容器的大小進行等比縮放。

通過以上的代碼，我們就可以在網頁上實現對圖片進行等比縮小并居中的效果，讓網頁更具美觀性和布局性。同時，我們還可以通過修改 max-width 屬性和 max-height 屬性的值來控制圖片的縮放比例，從而達到不同的視覺效果。