圖片是我們經常會用到的元素，但在網頁設計當中，過多的圖片會增加網頁加載時間，影響用戶體驗，因此我們需要將圖片改成CSS格式化，讓網頁更加流暢與美觀。

img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

上面的代碼就是將圖片進行CSS格式化的代碼，我們在CSS文件中設置img標簽的屬性為block，該屬性會讓圖片以塊級元素的形式出現。接下來，我們將圖片的外邊距設置為0，使其在父元素中居中顯示。

同時，我們將圖片的最大寬度設置為100%，高度設置為自動調整，這個設置能夠確保圖片在不同設備、屏幕大小、分辨率上都能夠自適應。

div {
background-image: url('image.png');
background-size: cover;
background-position: center center;
width: 100%;
height: 500px;
}

除此之外，我們還可以將散落在不同區域的小圖片組合起來，形成一個完整的背景圖片，這樣的設置可以有效減少HTTP請求，提高網頁的加載速度。

上面的代碼中，我們在div標簽中設置background-image屬性，該屬性為背景圖片的URL地址，我們還可以將背景圖片的大小調整為覆蓋整個div標簽，讓背景圖片在設置區域內居中顯示。

綜上，通過將圖片格式化成CSS樣式，我們不僅可以減少網頁加載時間，還能讓網頁更加美觀與簡潔。使用CSS格式化圖片的方法，可以讓我們的網頁更具有吸引力，提高用戶體驗。