CssGaga教程:生成DataURI,抽取图片,下载远程css文件,图片无损压缩

CssGaga – 生成dataURI和MHTML

Before:

.base64{background-image:url('base64/logo.png');}
.base64{border-image:url('base64/logo.png');}

注：要转换的图片文件所在base64文件夹与css同级且引用时为相对路径

After:

.base64{background-image:url(data:image/png;base64,[base64 string])}
.base64{border-image:url(data:image/png;base64,[base64 string])}

CssGaga – 抽取图片

勾选抽取图片
可将css文件引用的图片(jpg/gif/png)抽取到当前目录下的img-css文件名目录下，并替换图片路径为抽取后的路径

注：支持相对地址调用的图片，若图片不存在则不处理该图片

CssGaga – 下载远程css文件

勾选下载远程文件，将本地的css拖拽进来即可
有时需要线上的版本，需要文件对比等，可用此功能
生成位置：当前目录下的remote文件夹

CssGaga – 图片无损压缩

• *.png → *.png

• *.gif → *.gif

  只压缩动态gif，静态gif请手动转为png8

• *.jpg → *.jpg

  若文件大于10KB，则转换为渐进式jpg

何时压缩图片？

• 不选择同步的情况下，拖进来直接压缩
• base64编码前压缩
• 同步前压缩

注：图片压缩时会覆盖原文件，请自行备份

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索文件
， 图片
， base64
， 远程
， base
， 64
， 抽取
， 远程图片
， 生成压缩文件
， 无损压缩
， 下载远程图片
Base64图片
，以便于您获取更多的相关知识。