網站後台管理時,圖片處理應該注意什麼?
圖片處理在網站管理中是一個重要的工作,對於未接觸過網站管理的人來說,通常會認為就只要把手上的圖片用某種方法放到網站上即可,但這裡面有很多眉角,一不注意就沒辦法正確顯示圖片。在我們輔導客戶上線的過程中,下列是最常遇到的狀況,也是網站圖片處理的重點。
圖片必須在繪圖軟體縮放裁切後,再貼入圖文編輯器
為什麼一定要用繪圖軟體處理過?
原因一:檔案大小可能過大
現在數位相機很方便,通常從數位相機拿出來的原始檔案也都很大,甚至有些數位相機的預設檔案大小就是3M,而一般網頁圖片大約只要300k就很夠大了。一張3M的照片,下載速度相當於一張300k網頁圖片的10倍時間,網友等待畫面超過3秒,可能就會因為下載速度太慢而離開你的網站。
原因二:圖片尺寸可能不適合
通常手上拿到的圖片,尺寸不一定剛好適合放在網頁上,一般網頁內容通常在寬度600像素~700像素左右,高度不限(網頁可以上下拉捲軸),因此,事先了解你的網頁內容寬度,裁切好後再貼入圖文編輯器,才不會做白工。
[延伸閱讀] 有哪些免費的繪圖軟體可以用?PhotoCap、Photoshop CS2(Adobe官方免費版)、
[延伸閱讀] 如何用繪圖軟體裁切圖片?
圖片尺寸必須是72dpi,圖片格式為RGB,圖片寬度不超過網頁內容寬度
如果是從數位相機中取出的圖片,通常是RGB模式、72dpi,如果是從平面設計公司或印刷公司拿到的圖片,就有可能是印刷用的CMYK模式、300dpi。網頁必須使用RGB模式的圖片、72dpi,在網頁上才能正確顯示。
[延伸閱讀] 網頁圖片無法正常顯示怎麼辦?
[延伸閱讀] 如何設定72dpi?
[延伸閱讀] 如何知道網頁內容寬度是多少?
圖片格式必須是JPG、GIF或PNG
網頁上的圖片只有三種格式:JPG、GIF或PNG,除此以外的圖片格式都無法在網頁上正常顯示。留意一下你手中的圖片是否符合這些格式。
圖片檔名只能用英文、數字、底線、橫線命名
一般我們手上拿到的圖片檔名,為了命名方便,有可能是中、英文並列的檔名,但在網頁上不是所有的伺服器都支援中文檔名。因此,要貼入圖文編輯器中的圖片,檔名最好以英文、數字、底線、橫線重新命名過,例:20130218_news-pic.jpg,才不會發生圖片無法上傳或上傳後無法正常顯示圖片的情況。
![]() |
Eric Wang 凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。
|