作者:郭绍玲刚珍雅瑜_658 | 来源:互联网 | 2023-09-23 09:06
简介 有的时候自己写技术文档或者笔记的时候发现md语法下的插入图片要么是本地要么是图床
! [ img] ( ./lady.jpg) ! [ img] ( http://.. .. .. )
本地的缺点是到服务器上加载较慢(gitgub)、或者是发文档给别人的时候忘记发图。。。 图床这种东西嘛、哪天说不定就没了 之前看到过将图片直接内嵌入文档里,当然缺点就是会增大文件体积,但是解决了图片丢失的可能哇 又有人就会说,一个几M的图片转换出来的bs64码比我的文章还长啊(不信你试一下复制下面的bs64看一下多少字符,小新复制的时候死机-.-),有没有什么办法呢?? 办法肯定是有的 给图片编号,并将所有的图片base64编码放在文档的最后即可,格式如下: 在插入图片的地方:![图片缺失描述][图片编号]
在文档最后:[图片编号]:data:image/jpg;base64,base64编码
但是这样又有一个缺点就是Typora会卡,现在直接说打不开了。。实际上才不到4M !!!这就很让我头疼了,于是琢磨了一下该压缩一下子了,之前没有经过压缩存储到md文档里图片还是比较大的,于是又研究了py压缩
GIthub项目地址
效果
格式!!! 在插入图片的地方:![图片缺失描述][图片编号]
在文档最后:[图片编号]:data:image/jpg;base64,base64编码
在线转换 直接Bing搜图片转bs64 比如这里
py转换bs64 import base64 f= open( 'lady.jpg' ,'rb' ) pbs64= base64.b64encode( f.read( )) f.close( ) print( pbs64)
这样转换的话展开bs64码py会卡死(2k lines。。),于是稍微改进一下,将产生的大量字节流写入到一个文本文件(bs64.txt)中,使用记事本打开就不会卡死了,实测中记事本卡住了两秒,editplus就好多了,基本没有这种问题,而且editplus中的bs64默认是没有自动换行,直接复制一行很舒服
import base64 f= open( 'lady.jpg' ,'rb' ) pbs64= base64.b64encode( f.read( )) f.close( ) mf= open( "bs64.txt" ,"wb" ) mf.write( pbs64) mf.close
你问我为什么不在这里放一个例子???因为CSDN承受不住复制bs64码。。。。不信看文末, 【我本来复制到这里做嵌入bs64的,但是它卡死了。。无法保存或发布文章】 示例看我的博客站点吧 http://kearney.club/2020/06/11/%E6%88%91%E7%9A%84%E8%97%8F%E5%B0%B8%E4%B8%8D%E8%A7%81%E4%BA%86/ 这是github Page静态托管,正常显示,实际再Typora编辑过程中我的文章一千多字吧,加了三张图片的bs64,变成3w多字。。。后台看了下占用的内存不大,但是可能是typora本身加载数据量的问题吧,在3w多字符中复制粘贴有点卡顿延迟(我32G内存空余60%多)。
无损压缩 使用方法:直接拉到代码底部,修改picturepath即可 图片和代码需要在同一目录下
省略的代码放在了github上。。省的大家看得烦 https: // github. com/ BackMountainDevil/ image- into- bs64def img_bs64 ( infile, outfile= '' , savefile = '' ) : compress_image( infile) outfile = get_outfile( infile, outfile) f= open ( outfile, 'rb' ) pbs64= base64. b64encode( f. read( ) ) f. close( ) dir , suffix = os. path. splitext( infile) savefile = '{}-out{}' . format ( dir , '.txt' ) mf= open ( savefile, "wb" ) mf. write( pbs64) mf. closeos. remove( outfile) if __name__ == '__main__' : picturepath= "luffy.jpg" img_bs64( picturepath)
代码都cv完了,真的不点个赞再走吗?? 到 GIthub点个Star也成啊
参考 https://github.com/BackMountainDevil/image-into-bs64 https://cn.bing.com/search?q=%e5%9b%be%e7%89%87%e8%bd%acbs64&qs=SC&pq=%e5%9b%be%e7%89%87%e8%bd%acbs&sc=1-5&cvid=5B916F1601B6423BBAC2240FC489E031&FORM=QBRE&sp=1 https://oktools.net/image2base64 https://blog.csdn.net/baidu_31492511/article/details/90704123 https://blog.csdn.net/cxs123678/article/details/82533306 https://www.jianshu.com/p/280c6a6f2594 https://www.runoob.com/python/python-files-io.html https://blog.csdn.net/baidu_33221362/article/details/81566874 https://blog.csdn.net/qq_31567335/article/details/82322858?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.add_param_isCf https://www.cnblogs.com/li1992/p/10675769.html https://blog.csdn.net/julac/article/details/105492336 https://github.com/BackMountainDevil/image-into-bs64 https://blog.csdn.net/qq_36387683/article/details/100579736 ! [ picture] [ 1] 其它正文 末尾[ 1] :data:image/jpg; base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBYRXhpZgAATU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAEOKADAAQAAAABAAAFoAAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8IAEQgFoAQ4AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAMCBAEFAAYHCAkKC//EAMMQAAEDAwIEAwQGBAcGBAgGcwECAAMRBBIhBTETIhAGQVEyFGFxIweBIJFCFaFSM7EkYjAWwXLRQ5I0ggjhU0AlYxc18JNzolBEsoPxJlQ2ZJR0wmDShKMYcOInRTdls1V1pJXDhfLTRnaA40dWZrQJChkaKCkqODk6SElKV1hZWmdoaWp3eHl6hoeIiYqQlpeYmZqgpaanqKmqsLW2t7i5usDExc