CSS的新圖片定義讓頁面設計更加美觀，同時也減少了頁面的http請求次數。在傳統的圖片引用中，通常需要使用標簽來加載圖片，但這會導致多個http請求，提高了網頁加載時間。

新圖片定義的語法如下：

selector {
background-image: url("image.jpg");
}

通過在CSS中定義background-image，可以將圖片作為元素的背景，而不需要使用標簽。這樣可以避免不必要的http請求，提高網頁性能。

除了可以直接引用圖片，新圖片定義還支持其他的屬性值，比如repeat、position和size等。這些屬性可以讓圖片背景更加靈活，可用于平鋪背景、定位背景和調整背景大小。例：

selector {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

其中，background-repeat屬性表示是否平鋪背景圖片，background-position屬性表示背景圖片的位置，background-size屬性表示背景圖片的大小。此外，還有一些其他的屬性可以用于調整背景圖片。

總之，新圖片定義是一種非常實用的技術，可以更好地控制背景圖片，減少http請求次數，優化頁面性能，同時也讓網站設計更加美觀。