很多部落客、站長都會遇到圖片的問題,第一個就是圖片到底要多大?尺寸多少?太大造成網站的負擔,有時候根本上傳不了,有時候太小又沒辦法呈現質感,特別是重視配圖的攝影師或是作家,都會很好奇,到底圖要怎麼配?
第一步就是要看網站的內容寬度,例如一般的部落格的內容寬度是1400px像素,如果網站在單篇文章呈現的時候,圖片是填滿整個內容寬度,那圖片就要寬度1400px。
不過如果圖片是滿版的,就是橫跨螢幕的寬度,那Andy會建議那就取Full HD的寬度,也就是1920px,不過我會習慣再取個整數,也就是2000px寬度。
第二個部分就是內文圖片的部分,有時候我們可能不會想要文章的圖片跟文字的寬度一樣,可能會希望小一點,那就要看自己喜歡的排版方式,如果圖片都希望只有文章寬度一半,那例如上述內文寬度1400px,那圖片就一半700px寬度就好了。
可能以前我們聽說過網站的圖片要用PNG,但那是已經過時的觀念,以照片來說,只要沒有透明度的,一律都用JPG就好,壓縮比大概放在50%就足夠了,如果比較要求細緻度,可以設定壓縮比比較大,例如在80%,這樣檔案比較大,但是多數情況下不需要設定在未壓縮100%,視覺沒有辦法分辨,檔案也太大。
WP一張圖片上傳之後,系統會生成相對應的縮圖,這些都會佔用主機空間,如果上傳的圖片沒有壓縮,沒有調整成合適的大小,那麼除了造成的主機負擔之外,文章載入也會變慢,影響到讀者閱讀文章的意願,也會部分影響SEO的成效。
STEP1 上傳
STEP2 設定尺寸/壓縮比
STEP3 查看品質/下載