mirror of
https://github.com/privacyguides/i18n.git
synced 2025-11-16 05:12:38 +00:00
96 lines
2.6 KiB
Markdown
96 lines
2.6 KiB
Markdown
---
|
||
title: 上傳圖片
|
||
description: 網站供稿者以正確格式和取得方式上傳圖片的指南。
|
||
---
|
||
|
||
如果您對本網站進行的變更涉及新增圖片或取代現有圖片，以下是幾項一般建議：
|
||
|
||
## 圖片
|
||
|
||
- 我們**偏好** SVG 影像，但如果沒有 SVG 影像，我們也可以使用 PNG 影像。 此外，對於封面圖片，我們希望它們是從 [Unsplash](https://unsplash.com) 取得，並且是 WebP 格式。
|
||
|
||
如果可能的話，公司圖示應盡可能為正方形，如果是 PNG（非向量圖），則至少為 200x200px。
|
||
|
||
## 最佳化
|
||
|
||
### PNG
|
||
|
||
使用 [OptiPNG](https://sourceforge.net/projects/optipng) 工具來最佳化影像：
|
||
|
||
```bash
|
||
optipng -o7 file.png
|
||
```
|
||
|
||
### SVG
|
||
|
||
#### Inkscape
|
||
|
||
[清理](https://github.com/scour-project/scour) 所有 SVG 圖片。
|
||
|
||
在 Inkscape：
|
||
|
||
1. 檔案 > 另存新檔…
|
||
2. 將類型設定為：最佳化 SVG（*.svg）
|
||
|
||
在「 **選項** 」標籤中：
|
||
|
||
- **坐標的有效位數** > **5**
|
||
- [x] 打開 **縮短顏色值**
|
||
- [x] 開啟 **將 CSS 屬性轉換為 XML 屬性**
|
||
- [x] 開啟 **折疊羣組**
|
||
- [x] 開啟 **為類似屬性建立羣組**
|
||
- [ ] 關閉 **保留編輯器資料**
|
||
- [ ] 關閉 **保留未引用的定義**
|
||
- [x] 打開 **工作周圍的渲染器錯誤**
|
||
|
||
在 **文件選項**下的 **SVG 輸出** 標籤：
|
||
|
||
- [ ] 關閉 **移除 XML 宣告**
|
||
- [x] 打開 **移除元數據**
|
||
- [x] 開啟 **刪除評論**
|
||
- [x] 開啟**嵌入點陣圖**
|
||
- [x] 打開 **啓用 viewboxing **
|
||
|
||
在 **Pretty-printing**下的 **SVG 輸出** 標籤：
|
||
|
||
- [ ] 關閉 **斷行分隔輸出格式和縮排**
|
||
- **縮排字元** > 選擇 **空格**
|
||
- ** 縮排寛度** > **1**
|
||
- [ ]關閉 **從根 SVG 元素** 刪除"xml: space"屬性
|
||
|
||
在 **IDS** 標籤中：
|
||
|
||
- [x] 打開 **移除未使用的IDs**
|
||
- [ ] 關閉 **縮短IDs**
|
||
- **縮短前綴` `的IDs** >
|
||
- [x] 開啟 **保留手動創建非以數字**結尾的 IDs
|
||
- **保留以下 IDs** > `留空`
|
||
- **保留以** > ` `開頭的ID</code>
|
||
|
||
#### 命令列
|
||
|
||
使用 [Scour](https://github.com/scour-project/scour) 命令可以做到同樣的事情：
|
||
|
||
```bash
|
||
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
|
||
```
|
||
|
||
### WebP
|
||
|
||
使用 [cwebp](https://developers.google.com/speed/webp/docs/using) 指令將 PNG 或 JPEG 影像檔案轉換成 WebP 格式：
|
||
|
||
```bash
|
||
cwebp -m 6 input_file -o output.webp
|
||
```
|