CSS可以很容易地將圖片嵌入到文字中，這被稱為"CSS圖片替換技術(shù)"。這是一種將圖像置于文本之上的方法，而不會影響排列布局。

img {
display: inline-block;
height: 1em;
width: 1em
}

以上CSS代碼是將圖像設(shè)置為內(nèi)聯(lián)塊，使其與文本行一起顯示，并將其大小設(shè)置為1em x 1em。

在將圖像嵌入文本時，必須使用圖像的透明部分。這意味著圖像必須是PNG24格式，其中包含所有透明度。例如，如果您要在一個黑色文本塊的底部插入白色圖片，則需要在圖像的底部將其制成白色并將其框入紫色（或其他不同于文本的顏色）。

一些常見的應(yīng)用程序包括﹕增加html優(yōu)化，減少http請求，對于英文網(wǎng)站改善文章質(zhì)量等。

嵌入呈現(xiàn)文字區(qū)域的圖片強于單獨為圖片單獨開設(shè)一個http請求，降低了網(wǎng)頁的請求數(shù)，極大地提高了網(wǎng)站的性能和加載速度。