在CSS中,您可以在base64中对图像进行编码吗?

时间:2011-02-08 03:50:12

标签: css

我在查看CSS代码时遇到了这个问题:

background-image:url(data:image/png;base64,LKJSDLKJFSLDJFKDJFLJS......)

看起来实际图像已被编码,这是一个位于网站上的小部件,因此看起来它是出于效率原因而完成的,所以它不必向Web服务器发出请求。

这个跨浏览器安全吗? 这对我来说是新闻!

4 个答案:

答案 0 :(得分:2)

答案 1 :(得分:2)

所有主流浏览器都支持它,是的。但是,IE7并不少支持它,IE8需要它小于32K(这应该不是问题)。 IE9没有这个限制。

http://en.wikipedia.org/wiki/Data_URI_scheme

答案 2 :(得分:1)

是的,但IE8的网址必须低于32k。

答案 3 :(得分:0)

对于使用MHTML的IE6 / 7,还有一些hacky方法可以做到这一点

请参阅http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/

Turbine(用于PHP)将小于25kb的图像自动转换为数据URI或MHTML

请参阅http://turbine.peterkroener.de/docs.php#plugins-datauri