跳轉至

上傳圖片

以下是 Privacy Guides 一些貢獻規則:

圖片

  • 我們 更喜歡 SVG 圖像,但如果沒有,也可以使用 PNG

公司 logo 的畫布尺寸爲:

  • 128x128px
  • 384x128px

最佳化

PNG

使用 OptiPNG 優化 PNG 圖片:

optipng -o7 file.png

SVG

Inkscape

Scour 所有 SVG 圖片。

在 Inkscape:

  1. 檔案另存爲...
  2. 將類型設定為最佳化SVG (*.svg)

在「 選項 」標籤中:

  • 坐標的有效位數 > 5
  • 打開 縮短顏色值
  • 開啟 將 CSS 屬性轉換為 XML 屬性
  • 開啟 折疊羣組
  • 開啟 為類似屬性建立羣組
  • 關閉 保留編輯器資料
  • 關閉 保留未引用的定義
  • 打開 工作周圍的渲染器錯誤

文件選項下的 SVG 輸出 標籤:

  • 關閉 移除 XML 宣告
  • 打開 移除元數據
  • 開啟 刪除評論
  • 打開 嵌入式光柵映像
  • 打開 **啓用 viewboxing **

Pretty-printing下的 SVG 輸出 標籤:

  • 關閉 斷行分隔輸出格式和縮排
  • 縮排字元 > 選擇 空格
  • ** 縮排寛度 > 1**
  • [ ]關閉 從根 SVG 元素 刪除"xml: space"屬性

IDS 標籤中:

  • 打開 移除未使用的IDs
  • 關閉 縮短IDs
  • 縮短前綴的IDs >
  • 開啟 保留手動創建非以數字結尾的 IDs
  • 保留以下 IDs > 留空
  • 保留以 > 開頭的ID

命令列

使用 Scour 命令可以做到同樣的事情:

scour --set-precision=5 \
      --create-groups \
      --renderer-workaround \
      --remove-descriptive-elements \
      --enable-comment-stripping \
      --enable-viewboxing \
      --indent=space \
      --nindent=1 \
      --no-line-breaks \
      --enable-id-stripping \
      --protect-ids-noninkscape \
      input.svg output.svg