- 購物車內容 (0)
new
- 文章分類: 未分類文章
- 羅
- 9/7/2020
當我們在管理網站內容資料的時候,或多或少總是會有需要更新公司的活動花絮、相簿、工程實績……等資料的時候,所以最常使用的方式就是在自己電腦裡挑選要上傳的圖片,之後使用大量上傳將圖片上傳到網站上。但當我們從管理平台新增或更新圖片的時候會發現,有時候明明操作的步驟完全正確,但上傳的圖片就是顯示不出來並且出現破圖畫面,或是在網站上有看到圖片但是需要修改或刪除的時候不能對圖片做修改或刪除……等情況發生,這時候就需要檢查看看圖片的檔案名稱是否使用了中文字。
一般來說我們為了管理與閱讀方便,所以圖片的檔案名稱大多會使用中文混合英文或數字做編號管理,但是如果直接使用含有中文的檔案上傳到網路上,在不是每個系統或伺服器都能夠接受中文的情況下,網站前台的圖片顯示就容易會有錯誤產生。
那為什麼網站上使用的圖片檔名不能夠使用中文字? 在網站上使用的圖片到底要使用什麼樣的格式、尺寸與命名方式?
這期電子報將為您說明,網站上的圖片如何命名可以讓網站圖片可以正常顯示。
為什麼網站上使用的圖片檔名不能夠使用中文字?
首先要由中文在網路上所組成的方式來說,大家每天會瀏覽的網頁,是由英文、數字、符號這些元素來構成 HTML、CSS、Java ……等程式語言,英文或是數字在網頁上會直接顯示,但是中文會經由編碼 (英、數與特殊符號組合) 後轉換成我們人類能夠讀取的中文字,因此對網頁語言來說是沒有中文存在的。
所以如果直接使用中文圖檔上傳到網站上,在中文轉換成英數與特殊符號組合的過程中,容易因為編碼轉換的過程產生錯誤畫面或是出現其他的問題,例如:圖片顯示破圖、圖片在後台看得到前台看不到……等情況產生,所以為了不要讓程式產生讀取錯誤,網站上要使用的圖片,還是改成以英文、數字組成檔案名稱以避免上述的情況出現。
要上傳的網站圖片要使用什麼樣的格式、尺寸與命名方式?
網站上使用的圖片格式仍以 jpg 為主,主要是因為 jpg 相比 gif 或是 png 的圖片格式來說,jpg 的顯色表現比 gif 還要好、檔案大小也比 png 來得小很多,客戶手邊取得的檔案格式也以 jpg 為最大宗,所以一般來說,都還是以 jpg 圖檔作為網站用圖的格式。
網站圖片的尺寸則以 72dpi 為主,寬跟高則應符合各自網站所需要顯示的尺寸,每個區域的圖片會因為所屬位置不同,需要使用不同尺寸的圖片尺寸,過大的尺寸會造成網站跑起來速度過慢,過小的尺寸會讓圖片顯得模糊不容易看清。
圖片檔名可以使用英文、數字、橫線( - )、下底線( _ )」做組合,使用英文做檔名的時候可以使用跟圖片相關的英文字做命名,這樣也有助於當 Google 搜尋引擎在網站上判斷網站內容時,如果在頁面上找不到圖片描述文字時,可以使用檔案名稱作為替代。
可以用什麼工具輔助我統一圖片的格式與尺寸?
可以使用以下方式統一處理圖片的格式與尺寸,加快您的處理作業:
-
我想要直接線上處理圖片格式與尺寸,請看以下連結 -
<iloveimg
-
我有 Photoshop,請看以下教學 -
如何縮圖 - 使用 Photoshop 完成縮圖
-
我沒有 Photoshop,請看以下教學 -
如何縮圖 - 使用免費軟體完成縮圖
-
我的圖片想壓上浮水印,請看以下教學 -
浮水印教學
圖片的檔案命名方式,會影響到圖片在網站前台的顯示狀態
圖片檔名避免使用中文,改成跟圖片內容相關的英數字串做命名,這樣的圖片格式不僅能讓瀏覽者能夠順利瀏覽網頁,也不會因為圖片破圖或其他的錯誤顯示造成網站瀏覽上的順暢度,也能夠幫助搜尋引擎在判斷網站資料的時候能夠更清楚圖片與網站的關聯性。