網站後台管理時，圖片處理應該注意什麼？

圖片處理在網站管理中是一個重要的工作，對於未接觸過網站管理的人來說，一不注意就沒辦法正確顯示圖片。在我們輔導客戶上線的過程中，本文有列出一些常常遇到的狀況，也是網站圖片處理的重點。

2013/02/18

快速導覽

Eric Wang

重點一：圖片必須先確認大小後，再貼入網站圖文編輯器

為什麼一定要用繪圖軟體處理過？以下是常見兩個原因：

現在數位相機很方便，通常從數位相機拿出來的原始檔案也都很大，甚至有些數位相機的預設檔案大小就是3M，而一般網頁圖片大約只要300k就很夠大了。一張3M的照片，下載速度相當於一張300k網頁圖片的10倍時間，網友等待畫面超過3秒，可能就會因為下載速度太慢而離開你的網站。

通常手上拿到的圖片，尺寸不一定剛好適合放在網頁上，一般網頁內容通常在寬度600像素~700像素左右，高度不限(網頁可以上下拉捲軸)，因此，事先了解你的網頁內容寬度，裁切好後再貼入圖文編輯器，才不會做白工。

延伸閱讀：有哪些免費的繪圖軟體可以用？PhotoCap、Photoshop CS2(Adobe官方免費版)

如果是從數位相機中取出的圖片，通常是RGB模式、72dpi，如果是從平面設計公司或印刷公司拿到的圖片，就有可能是印刷用的CMYK模式、300dpi。網頁必須使用RGB模式的圖片、72dpi，在網頁上才能正確顯示。

網頁上的圖片只有三種格式：JPG、GIF或PNG，除此以外的圖片格式都無法在網頁上正常顯示，留意一下你手中的圖片是否符合這些格式。另外也特別提醒，在這三種圖片格式裡，我們還是優先建議jpg檔為佳，因為png也是有檔案大小過大的可能性。

一般我們手上拿到的圖片檔名，為了命名方便，有可能是中、英文並列的檔名，但在網頁上不是所有的伺服器都支援中文檔名。因此，要貼入圖文編輯器中的圖片，檔名最好以英文、數字、底線、橫線重新命名過，例：20130218_news-pic.jpg，才不會發生圖片無法上傳或上傳後無法正常顯示圖片的情況。

認識網站行銷SEO

為什麼推薦台中網頁設計公司凱士數位？位於台中的凱士相對有機會接觸到各種不同的產業面向，擁有各種產業的網站設計經驗，幫助企業提升網路品牌形象，建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求，歡迎聯絡我們。

您可以直接填寫諮詢表單；撥打諮詢電話 04-22210688；或加入凱士LINE由專人與您聯繫。