我們在網站報名考試或者填報一些個人信息時，經常需要上傳20k以內的照片。
就像畫家需要了解顏料，雕塑家需要了解石材一樣，雖然我們大多數并不是設計師，但是筆者認為對圖片本質有一定的了解，有助于我們更好的理解所做的操作。
一、圖片概述
1. 分類
按照構成元素來分，圖片主要分為矢量圖和位圖。
2. 基本概念
| 描述 | 基本單位 | |
|---|---|---|
| 像素 | 位圖最小的不可分割的元素，也是數碼感光元件最小的感光單位 | — |
| 分辨率 | 單位面積內的像素數量 | 像素點/英寸 |
| 圖片尺寸 | 圖片縱橫方向上包含的像素個數 | 像素 |
| 圖片寬高 | 圖片物理意義上的長度 | 英寸或厘米 |
| 圖片體積 | 圖片文件占用的存儲空間大小 | 字節 |
這里的圖片體積，也就是俗稱的圖片大小。
通常情況下，圖片分辨率越高，圖片越清晰，所包含的總像素數量越多，圖片體積越大。
二、Web所用格式
1. 簡介
我們在網站上使用的圖片都是位圖，以像素為單位。不同的位圖在記錄這些數據時的方式不一樣，這就涉及到有損壓縮和無損壓縮的區別，繼而誕生了不同的圖片格式。
Photoshop提供了Web所用的圖片格式，包括GIF、JPG、PNG、WBMP等，這類文件壓縮比高，體積小，上傳和下載速度快，適合Web傳播。
2. 格式
JPG和PNG是兩種常見的圖片格式。
JPG采用有損壓縮模式，支持交錯，不支持透明和動畫。與JPEG是一種格式的不同叫法。
PNG采用無損壓縮模式，支持交錯和透明，不支持動畫。所以PNG一般圖片體積較大，當對圖片清晰度要求不高時，壓縮圖片一般導出JPG格式。
3. JPG參數設置
導出JPG格式主要的參數設置如下表。
| 參數 | 解釋 | 設置建議 |
|---|---|---|
| 品質 | 設置越高，圖片越清晰，文件越大 | 查看幾種品質設置下的圖像，確定品質和文件大小的最佳平衡點 |
| 優化 | 創建文件大小稍小的增強型 JPEG，獲得最大文件壓縮量 | 建議勾選 |
| 連續 | 創建在Web瀏覽器中連續顯示的圖像，顯示為一系列的疊加。查看者在整個圖像下載完畢之前，能看到圖像的低分辨率版本 | 在圖片大于10k時勾選會壓縮文件大小，某些情況會增大文件大小，建議在保存時根據實際情況決定 |
| 模糊 | 指定應用于圖像的模糊量 | 建議使用0.1到0.5之間的設置 |
| 雜邊 | 指定原稿圖像中透明像素的填充色 | 原稿圖像中完全透明的像素由選中的顏色填充，部分透明的像素與選中的顏色相混合 |
4. Web圖片格式優點
在維持圖片質量的同時盡可能地縮小文件體積。
移除Exif信息，主要包括拍攝日期及其它相機參數，保護隱私。
三、Photoshop壓縮圖片大小
1. 工具
- Photoshop CS6
鏈接：https://pan.baidu.com/s/1FN-_5jgaW1gl83nhOWYpvg 提取碼：vrhu
2. 步驟
-
打開Photoshop CS6，點擊文件下的【打開】，導入需要上傳的圖片。image-20201123091858649.png
-
點擊文件【存儲為Web所用格式】。存儲為Web所用格式
-
出現新的操作面板，各項設置如圖所示。本例中圖片大小為67.64K，我們需要設置右側格式和屬性來壓縮圖片大小。Web格式操作面板
-
按照下圖步驟調整圖片【品質】，其余參數按需設置，設置方法見2.3。調整圖片品質
-
完成上述設置后，點擊【存儲】，按如下步驟保存圖片。保存圖片
-
當保存的文件名出現中文時，會出現如下警告。這是因為過去圖片在Web使用時，會造成一些老版本瀏覽器或服務器不支持，現在都可以支持了。如果介意可以修改文件名只含字母或數字，或者在網站使用的時候不要有中文即可。非拉丁字符警告
-
來到存儲路徑下找到壓縮完成的圖片。右鍵【屬性】查看圖片大小，如圖已經壓縮為19.8K。需要注意的是，占用空間大小指的是文件占用硬盤空間大小的字節數，這些空間被分為很多小格，會有一個文件占不滿一個格子的情況，所以占用空間大小通常比實際文件大一點。我們只需關注實際大小，滿足要求即可。壓縮完成
寫在最后
在這個人人都是自媒體的時代，圖片是除了文字和視頻以外，傳遞信息的重要載體。筆者認為掌握Photoshop的一些基本技巧，會像掌握剪輯和編程一樣，逐漸成為我們每個人必備的技能。不論對于自身成長還是對社會發展，都將是有益的一部分。
參考資料
1.png、jpg圖片格式的區別
2.存儲為web格式是什么意思
3.像素、圖片尺寸與分辨率
4.非拉丁字符的含義
5.圖片大小和占用空間大小
