WordPress站長在每篇文章一定都會用到圖片,圖片在上傳及使用上有沒有需要特別注意的地方呢?我們來看看吧~
照片的檔名
例如:wedding.jpg 會比 img003.jpg 來的好
使用alt屬性
<img src="wedding.jpg" alt="台北婚禮攝影"/>
選擇適合的檔案類型
jpg 適合照片,png 適合向量圖案,gif 適合動態圖片
根據您的網站尺寸調整圖片大小
如果你的網站內容尺寸是900px,那你上傳的照片最好調整為900px
如果你上傳了一個3000px的照片,只會讓照片顯示的速度變慢
使用者看到的照片大小品質卻是一樣的
優化照片的檔案大小
透過一些圖片壓縮工具,像是imageoptim,它有可能可以讓您的照片檔案大小減少50%,但看起來的品質是差不多的
建立圖片地圖
https://support.google.com/webmasters/answer/178636
使用SVG
SVG(可縮放向量圖形)。
https://helpx.adobe.com/uk/illustrator/how-to/export-svg.html
使用延遲加載圖片
延遲加載是瀏覽器延遲加載圖像,只有捲到圖片顯示的位置時,圖像才加載進來。
瀏覽器緩存
瀏覽器緩存是將圖像存儲在訪問者瀏覽器中的位置,如果他們未來再次訪問您的網站,那加載速度會更快。
使用CDN
您的網站資料將儲存在全世界的伺服中,當有人訪問您的網站時,圖像將從最靠近他們的服務器加載。