close
許多網頁設計人員會為了要提供使用者最好的瀏覽經驗,經常將圖形的解析度提高,以便看起來美觀漂亮,但卻忽略了訪客的瀏覽環境是否真能享受這麼高解析度的視覺效果?!
隨著近年行動設備使用者的增加,為了替連線速度網頁設計緩慢的使用者省時,也為有限資費方案使用者省錢,圖片檔案的問題就更加重要了。
 

圖片為什麼要優化?

當我們透過搜尋關鍵字尋找相關資訊時,自然搜尋排序的結果不再只是呈現十筆網站的標題。通常也會夾帶地圖資訊、影片、圖片類型網頁設計檔案的資料。雖然這些額外資訊的出現,並不影響每頁呈現的十筆網頁結果,但對於商品的曝光卻有大大的加分效果。在「SEO到底在做什麼事?優化重點有哪些?」中有提過什麼是自然搜尋?
 

圖片檔案優化對操作網站SEO影響有多大?

以下是Google於2015年9月針對公司標誌更換所發表的一段談話:「舊標誌由於檔案較大,讓我們必須在較低寬頻的網路上變成文字模式的標誌。新標誌降低檔案大小後,我們可以不需再做任何修正使用一致的標誌,讓我們資源可以被網頁設計全世界更容易存取。」
 

圖片檔案優化過程須注意哪些事?

 
  1. 使用適當的圖片檔案名稱:圖片檔不像網頁文字,能讓搜尋引擎拿來當成線索的資訊並不多,而檔名自然就形成了一個很重要的因網頁設計素。
  2. 圖片檔案應該使用適當的alt文字:除了圖片檔案名稱之外,另一個可以用來描述圖片的就是alt文字。
    <img scr="http://www.dingyue.com.tw/檔案名稱.jpg" alt="描述文字" />
  3. 不使用圖片也能夠顯示相同效果,就應該不要使用圖片:若網頁視覺效果可以使用其他的方式取代的話,就不要使用圖片。例如:有些可以使用CSS3或是有些動畫可以使用HTML5來完成。
  4. 不應該使用width與height來縮小原本很大的圖片:使用width與height的變換來達成縮放目的其實圖片本身只有顯示尺寸的差異,真正傳輸的檔案大小並無不同。
  5. 剪裁圖片多餘的留白或是不需要的範圍:網頁配置不應該只是隨便弄個圖片檔案充數,應該要讓圖片輔助文字讓讀者更加了解網頁的內容。
  6. 去除圖片檔案多餘的資訊:圖片檔案內除了儲存本身資訊,還可能儲存圖案以外資訊,例如色調、拍攝時間、檔案格式等等..這些內容與顯示無關,但卻會讓圖片檔案變大。
  7. 選擇適當格式的圖片檔案:例如向量格式適合由簡單幾何圖形組成的圖片;如果圖片相當小且構思簡單或包含動畫,可使用GIF格式;攝影風格圖片可以使用JPG格式。
  8. 壓縮圖片檔案:可使用各種格式的工具進行圖片檔案的壓縮作業。
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 淳馨鵝家庄 的頭像
    淳馨鵝家庄

    淳馨鵝家庄的部落格

    淳馨鵝家庄 發表在 痞客邦 留言(0) 人氣()