1x1px透明/黑色图片的Base64编码

赞赏 2017-07-06

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


下面分别透明和褐色的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


登陆后阅读全文
阅读 2475 赞赏 0 有用 1 没用 0 收藏 0 分享

   


作者声明:本篇文章系本人原创,欢迎分享,但未经许可,谢绝转载。

0 条留言

有料推荐

这世界欠我一个这样的老公!

高校学生模仿“世界名画”摆拍,可以说是戏精本精了

iPhone X 跌破发行价,苏宁200亿入股恒大 | 财经日日评

果然是高手!这次在日本,特朗普竹杠敲得不是一般狠

资深黄牛现身说法:iPhone X价格秒变不停,就像炒股一样

长一样的双胞胎也能识别?蚂蚁金服发布「眼纹识别」技术

苏联是怎么被阿富汗拖垮的?

美团或入局「分时租赁」共享汽车,王兴要大笔投入「泛出行」领域了? | 36氪独家

你或许被“一盘番茄炒蛋”刷屏了,但有人辛酸,有人质疑

iPhone X发售前夜,黄牛与苹果公司的不安

他的文章

微信 “15。。。。。” Bug 背后的故事

现代 Android 开发资源汇总

知乎开源的Android图片选择器 - Matisse

Android 智能下拉刷新框架 - SmartRefreshLayout

翻译 | Android studio实用小提示 (1-5)

推荐一个Android Studio插件(显示Android资源引用次数)

翻译 | Android studio实用小提示 (6-10)

Android 8.0 Oreo 来啦!

美团点评的Android漏洞扫描工具Code Arbiter 介绍

推荐 | BlockCanaryEx 节省Android开发者定位卡顿问题的时间

手机扫一扫
分享文章