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编码前压缩
• 同步前压缩

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

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!