DIV 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編碼前壓縮
• 同步前壓縮

注：圖片壓縮時會覆蓋原文件，請自行備份