第三篇
HTML教學
第五節
網頁圖片
網際網路圖片解析度
影像尺寸大小一般以高度及寬度上的像素 (Pixel) 個數表示，影像的檔案大小與其像素尺寸成正比。
Pixel
原文為
Pic
ture el
ement
螢幕上每單位長度顯示的像素 (Pixel) 數目或點數 (dot) ，通常以每英寸的點數 (dpi) 為度量單位。
螢幕解析度是根據顯示器尺寸與其像素設定而定，影像像素會直接轉換為顯示器像素。
一般 PC 顯示器的解析度為 96 dpi，而 Mac OS 顯示器則為 72 dpi。
影像檔的大小為該影像檔的數位大小，以 Kilobyte (KB)、Megabyte (MB) 或 Gigabyte (GB) 為度量單位。
由於 GIF、JPEG 與 PNG 等檔案格式使用不同的壓縮方法，所以像素相同的圖像，檔案大小可能相差很多。
您可以使用 PhotoImpact 或 Photoshop 等圖檔編輯器，變更及查看影像的解析度。
因此，網際網路圖片解析度，只要 96 像素就已足夠，所以品質太高也沒甚麼效果。
壓
縮
後
影
像
比
較
以下是採用同一張照片，經過 PhotoImpact 軟體，採用縮小尺寸後，以不同品質最佳化處理過狀況
這兩張一樣的圖片，右圖經壓縮品質 80% 後，檔案小了很多，但影像品質沒有甚麼差別
JPEG 最佳化，品質 100%
尺吋 300x225、大小 68 Kb
JPEG 最佳化，品質 80%
尺吋 300x225、大小 18 Kb
將圖片尺吋調整為 515 x 343，其前後尺寸變為 145 Kb 與 38 Kb 大小，兩者影像品質比較似乎沒有太大差異
請於下面兩圖例中，點擊 Next 及 Back 查看，前後移動相互比較一下品質
結論：欲將圖片放到網站時，務必先完成影像最佳化處理，將檔案調整到最適當的品質與大小範圍內。
影像尺寸大小一般以高度及寬度上的像素 (Pixel) 個數表示，影像的檔案大小與其像素尺寸成正比。
結論：欲將圖片放到網站時，務必先完成影像最佳化處理，將檔案調整到最適當的品質與大小範圍內。
