原文网址:https://www.youyong.top/article/11595debea41e
给图片做占位,有时可能会用到这种1个像素纯色的图片,这种能拉伸,多大尺寸显示效果也是一样的。
搞个图片还得网络加载,怪不值当的。
Base64编码这种编码恰好适合我们。
原文网址:https://www.youyong.top/article/11595debea41e
给图片做占位,有时可能会用到这种1个像素纯色的图片,这种能拉伸,多大尺寸显示效果也是一样的。
搞个图片还得网络加载,怪不值当的。
Base64编码这种编码恰好适合我们。
原文网址:https://www.youyong.top/article/11595debea41e
下面分别透明和褐色的Base64编码
透明的:
data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==
黑色的
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICRAEAOw==
为什么要用gif的,因为我试了一下,gif的相对小一些
那我是怎么搞的那?
步骤如下:
1:先用PS或者画图软件,搞出个100*100px的透明或纯色图片
2:把画布缩小到1*1px
3:网上找一个 图片转换Base64 的工具,转换即可。
推荐一个转换的网站:http://tool.css-js.com/base64.html
作者声明:本篇文章系本人原创,欢迎分享,但未经许可,谢绝转载。
共 0 条留言