首页 > 开发 > CSS > 正文

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

2024-07-11 09:02:34
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介: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

  • 何时压缩图片?

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

    发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表