CSS 是指層疊樣式表，它被用來定義 HTML 文檔的外觀和排版樣式。其中一個非常有用的功能就是通過 CSS 將圖片轉(zhuǎn)換成代碼。CSS code 既可以輕松地讓圖片呈現(xiàn)出不同的樣式，又不會將大量的圖片代碼混雜到 HTML 文檔中，從而加速頁面加載速度。

img {
background-image: url("path/to/image.png");
width: 200px;
height: 200px;
}

以上是一個基本的 CSS 代碼塊，將圖片作為元素的背景圖像，同時指定了寬度和高度的大小。請注意，在文件路徑中添加引號是必需的。

此外，還有一些其他的 CSS 屬性可以幫助你優(yōu)化圖片的表現(xiàn)方式:

background-size: cover;
background-repeat: no-repeat;
background-position: center center;

上述代碼可以使圖片填充整個元素，不會重復顯示，且圖片中央和元素中央對齊。

CSS 代碼將圖片轉(zhuǎn)換成了代碼，有效地減小了頁面加載時間，同時讓制作人員可以根據(jù)自己的需要進行更多的自定義操作。