一个1x1px大小Data/Base64数据的gif透明图片

时间:2025-01-19 12:14:45

一个1x1px大小Data/Base64数据的gif透明图片

<img src="/" style="width:20px;border:solid 1px #999;" />

<img src="/" />

给图片做占位,有时可能会用到这种1个像素纯色的图片,这种能拉伸,多大尺寸显示效果也是一样的。
搞个图片还得网络加载,怪不值当的。
Base64编码这种编码恰好适合我们。


下面分别透明和黑色的Base64编码

透明的:

/

黑色的

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICRAEAOw==

为什么要用gif的,因为我试了一下,gif的相对小一些

img src为空时最好还是删掉这个属性,src="或者"#" ,默认会请求当前路径

转载