1. 圖片必須在繪圖軟體縮放裁切後,再貼入圖文編輯器

為什麼一定要用繪圖軟體處理過?

原因一:檔案大小可能過大

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

原因二:圖片尺寸可能不適合

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

[延伸閱讀] 有哪些免費的繪圖軟體可以用?PhotoCapPhotoshop CS2(Adobe官方免費版)
[延伸閱讀] 如何用繪圖軟體裁切圖片?

 

2. 圖片尺寸必須是72dpi,圖片格式為RGB,圖片寬度不超過網頁內容寬度

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


[延伸閱讀] 網頁圖片無法正常顯示怎麼辦?
[延伸閱讀] 如何設定72dpi?
[延伸閱讀] 如何知道網頁內容寬度是多少?

 

3. 圖片格式必須是JPG、GIF或PNG

網頁上的圖片只有三種格式:JPG、GIF或PNG,除此以外的圖片格式都無法在網頁上正常顯示。留意一下你手中的圖片是否符合這些格式。

[延伸閱讀] JPG、GIF、PNG有什麼差別?

 

4. 圖片檔名只能用英文、數字、底線、橫線命名

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

ABOUT

CADIIS凱士網頁設計公司,專為中小企業設計、規劃、建置網站,
提供網站建置前後設計規劃諮詢服務。

整體
規劃
從產業策略洞悉到網頁設計
專精RWD網頁技術及SEO架構
簡約
設計
堅持化繁為簡的設計理念
讓網頁用戶專注您的產品服務
彈性
管理
透過全站式網站管理系統
讓您隨時調整網站架構與內容
維護
諮詢
不論是網站維護諮詢或網站行銷
我們是您長期的網路策略夥伴

REVIEWS

  • 從網站規劃到完成,發現凱士數位細心及專業度都很足夠,如果有下一次機會,我們還是會再給凱士數位施作。

    康普材料, 2017
  • Eric是個非常有經驗的專案經理,了解客戶的需求,並能快速釐清卡關障礙並迅速排除、總是從專業角度分析及建議怎麼做會比較好、和客戶一起腦力激盪,如期如質將網站建置專案完成,並提供相當有用的SEO建議及訣竅。結案後的諮詢及微調修改,凱士的專業團隊也總是非常及時給予支援,維護與管理的服務也同樣令人放心!

    HEF, 2017
  • 作為材料界的國際化公司,誌陽需要的不只是內容完整,還需要情境來提供目標客戶知的權益!正由於這個堅持我們找上了CADIIS幫我們完成這些規劃。在互動的過程中可以看出他們的用心,除了提供以往經驗讓我更容易感受外,對於我們不斷提出高門檻的技術問題也能以最快的時間完成使命,如果你沒法感受我的心情,不妨進到我們網站去感受吧!www.allightec.com 好東西就是要跟好朋友分享。

    誌陽科技, 2017
網頁設計獲獎
台灣廣告主協會與動腦雜誌聯合主辦「台灣50家最佳設計公司」票選活動,CADIIS榮獲入選「傑出多媒體設計公司」。
 

 

有任何網頁設計問題?

跟我們說說您的網站構想,或是目前面臨的網站規劃問題

我們將與您聯絡、共同討論解決方案。

 

網頁設計洽詢