CSS提供了一種簡便的方式：使用文字來替換圖片。這種技術可以減少頁面的HTTP請求，達到優化網頁性能的目的。

在CSS中，我們可以通過設置元素的background-image屬性和background-size屬性來將文字替換成圖片。需要注意的是，為了保證兼容性，我們需要設置一個備用方案。

/* 設置元素背景為圖片 */
.element {
background-image: url("image.jpg");
background-size: contain; /* 縮放圖片 */
}
/* 設置元素文字為替代內容 */
.element::before {
content: url("image.jpg");
display: inline-block;
font-size: 0; /* 隱藏原始文字 */
}
/* 設置備用方案 */
.no-backgroundimage .element::before {
content: "備用文字";
}

以上代碼中，我們給元素設置了背景圖片，并將其縮放至合適大小。我們使用偽元素::before來設置替換后的內容，使用content屬性設置圖片路徑，并通過font-size: 0將原始文字隱藏。最后，我們為了兼容性考慮，在沒有支持background-image屬性的情況下，提供了備用方案。

總之，CSS文字替換圖片是一種簡單且有效的網頁性能優化技術。我們只需要設置元素的background-image屬性和background-size屬性，再通過偽元素::before來設置替換后的內容即可。