WordPress精選圖片最適合的大小是這個!
請問WordPress部落格精選圖片有適合的尺寸嗎?如果有也想知道爲什麽那個大小是適合的理由。
好的,Masa會回答這些問題!
如果不知道精選圖片是什麽,請看看以下的文章.
精選圖片最適合的大小
1200px x 630px這個尺寸不只是WordPress部落格,其他任何部落格都適用。Masablog使用的精選圖片尺寸也都是1200*630px。
也有人會用比較接近的1200px x 675,是16:9的比率的圖片。因爲這跟電視的比率一樣。大部分的圖片加工軟體也有16:9比率的剪圖功能,所以不少人使用這個尺寸的圖片。
比較推薦的大小是1200px x 630px,以下説明理由。
推薦1200px x 630px的3個理由
理由1 SNS分享時最適合的尺寸
部落格文章被分享到Facebook,Twitter等SNS時,精選圖片會自動精選顯示在分享裡面,那時候圖片尺寸是1200x630px的圖片會顯示的剛剛好。
Facebook顯示的比率是1.191:1是完全一樣。Facebook官方也推薦使用1.191:1的圖片。
另外Twitter顯示的比率是2:1會差一點點。實際顯示的大小是1200x600px,因此自動被剪掉上下15px,可是只是15px而已,看起來幾乎感覺不到差異。
理由2 AMP推薦的大小
Google developers推薦,AMP的圖片大小是1200px以上的。(沒有高度的推薦,只是款1200px就可以)
圖片解析度越高(圖片大小越大),檔案大小也會越大,因此影響到網頁顯示速度,所以圖片不適合選太大的,但最近手機熒幕的解析度也蠻高的情況下,選擇太小的圖片變圖片不清楚,所以這兩種之間平衡的大小是寬1200px的圖片。
理由3 Google Discover推薦大小
選定部落格精選圖片的4個要點
要點1 放入文字時盡量放在圖片中央
基本上1200*630px的圖片,在SNS分享時不會在奇怪的地方被剪掉,不過以下情況會被剪掉圖片的左右,自動1:1的比率,顯示正方形的圖片。
·在Google搜尋(圖片)結果
·Google Discover顯示
以下的例子是在Google搜尋中出現的圖片,比率都是1:1
所以如果圖片中放入文字的話放在以下圖片説明的範圍中,也就是圖片中央600*600px(1:1)的範圍當中,這樣左右被剪掉時不會文字也一起被剪掉,不知道寫什麽的情況。
要點2 所有文章裡使用同樣大小的精選圖片
另外要注意的地方是在所有文章裡設定精選圖片的圖片都要使用同樣大小的,也就是統一使用1200*630px的圖片。這樣才不會在首頁列出文章時每個圖片大小不同的情況,以下是Masablog的首頁,使用同樣大小的圖片會看起來整齊好看,不會有圖片大小高低不同的情況。
要點3 上傳之前先壓縮
準備好適合大小的精選圖片之後,請先把檔案壓縮在來上傳。因爲解析度1200px的圖片檔的大小也蠻大的,會影響到網站讀取的時間。
降低網頁速度的影響是很大的。不只是讓網友等不及繼續瀏覽你的網站,還會對SEO有不利的影響。詳細可以參看以下的文章。
因此上傳之前,請先把圖片檔壓縮,再來上傳。
Masa每次使用“I♡IMG”的壓縮壓縮工具,沒有注冊的情況15張圖片可以一起壓縮,如果注冊能夠30張一起壓縮相當方便,而且是免費的!壓縮的結果可以壓縮至約1/3的大小效果也不錯!
要點4 使用高品質圖片
精選圖片效果影響最大的是所使用的圖片。若使用專業攝影師的高品質圖片,能夠讓整個網站更有專業感,更吸引人。若預算足夠推薦使用付費圖庫的圖片,若預算有限推薦日本寫真AC的圖片,以下頁面介紹付費圖庫及寫真AC。許多專業設計師愛用的圖庫是Adobe Stock,他們提供免費試用40張的服務,網站中的重點使用Adobe Stock高品質圖片也是不錯的方法。
也可以使用專業圖片加工合成軟體Adobe Photoshop和畫圖向量圖軟體Illustrator也是設計出吸引人精選圖片的方法。這些軟體是屬於Adobe Creative Cloud(Adobe設計軟體群)的一部分。關於Adobe Creative Cloud請看看以下文章。
管理照片很辛苦!建議使用Adobe Lightroom
只要NT6/月 Lightroom+Photoshop+雲端20GB
設計網站會有許多檔案要整理包括照片檔案,Masa建議使用Lightroom來管理照片,您會不會覺得不好管理大量的照片檔案呢?只要每月326元就能使用專業管理及編輯軟體Adobe Lightroom+Photoshop+雲端20GB!
Masa會幫您設計網站
Masa提供日文/中文網頁設計服務,采用與Masablog一樣的最新日本WordPress主題,先進專業設計。
總結
在這篇文章中説明過精選圖片最適合的尺寸。答案就是1200*630px。使用這個大小的圖片,在SNS分享時顯示的剛剛好,也在AMP出現錯誤等的問題,還有機會在Google Discover出現,如果成功有機會大幅增加PV。
另外説明了,準備精選圖片的3個要點,要留意放入文字的位子,所有文章中使用同樣大小的圖片,以及上傳前壓縮圖片檔案。