興高采烈收到了網站的模板，但是實際進行網站製作時卻發現和自己所想的不一樣？事實上同一個模板套用在不同的公司上，所呈現的樣子也會有所不同，這全都是因為「圖片」所造成的結果。

當我們在看公司提供的版型時，都是公司選擇好圖片與版型互相搭配，打造一個整體的風格。所以一但換上其他公司的圖片，如果沒辦法與版型相輔相成，就會出現明明認為好看的版型，最後的呈現卻不一樣。

網頁的圖片不僅僅會影響到網頁設計的整體風格，除此之外，對於網站SEO優化也是有一定的關係，只要網站圖片做的好，便能大大的提升網站瀏覽量！

圖片壓縮是最重要的事

這一步是圖片優化最重要的一步，所以大禾電子商務特別放在第一個和大家討論！相信大家都會有一種想法，為了讓圖片百分之百的呈現在網站上，便原封不動的將圖片上船到網站上，但這種行為對網站其實「一點幫助都沒有」！

過大的圖片尺寸以及檔案大小，會大大的影響網站讀取的速度，每個網站都有固定使用的圖片寬度，如果超過固定的尺寸就需要增加CSS來縮放圖片。如果覺得只有一張不是什麼大問題，但若是一個網站裡面充斥的無數大尺寸、大檔案的圖片的話，必定就得犧牲網站的速度了。

（延伸閱讀：想做行銷網站速度可不能比別人慢，快看這些讓拖累網站速度的兇手）

給圖片檔案一個適當的命名

大部分人都會使用一些無意義的名稱去做檔案的命名，即便圖片無法像文字一樣被google爬取，但檔案的命名方式可是和圖片優化也是有關係的哦！檔案名稱可以給予google圖片相關的提示，將命名方式使用該文章的名稱或是相關的關鍵字，都比取名01.jpg或abc.jpg好太多。

也許當google搜尋引擎不知道該如何敘述這個圖片時，就會使用檔案的命名來做圖片的摘要哦！

提供圖片的文字資訊

除了給網站精美的圖片、壓縮到最佳的尺寸及檔案大小和適當的命名外，再來就是要給網站提供圖片的文字資訊，分別為title文字「圖片標題」和alt「圖片失效時代替的文字」。

其中alt文字是google用來判斷圖片內容的資訊之一，為圖片優化最重要的項目，應盡可能寫出圖片的相關特徵及重要的關鍵字，但不應該過度填塞關鍵字，才有利於出現在圖片搜尋結果當中。另外title文字則是google判斷圖片內容的來源。

圖片不單單只是豐富網站的內容，圖片只要放得好、放得巧，就替網站達到大大加分作用，更是能透過圖片的幫助下，使網站被google收錄搜尋到，對網站的優化產生影響，幫助增加網站的流量！圖片與網站設計相輔相成的關係，是絕對不可以忽視的一環。

如果你對於圖片與網頁設計之間的關係有任何看法，都歡迎與我們討論或給予指教，來電撥打：07-285-0163、LINE：@dahe-idea。

大禾電子商務