Wordpress

WordPress精選圖片最適合的大小是這個!

精選圖片最適合的尺寸
web
此文章可能包含廣告(PR)
吉娃娃
吉娃娃

請問WordPress部落格精選圖片有適合的尺寸嗎?如果有也想知道爲什麽那個大小是適合的理由。

Masa
Masa

好的,Masa會回答這些問題!

這篇的要點:
·精選圖片最適合的大小是1200x630px
·寬1200px的圖片最適合的3個理由
·選定部落格精選圖片時的3個要點

如果不知道精選圖片是什麽,請看看以下的文章.

延續閲讀
什麽是WordPress精選圖片,如何設定精選圖片?
什麽是WordPress精選圖片,如何設定精選圖片?

精選圖片最適合的大小

先說結論:
精選圖片最適合的尺寸是 1200px x 630px
圖片的比率為1.191:1。

或者

1200px x 675px
圖片的比率為16:9

精選圖片大小

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就可以)

AMP推薦的圖片如下:
·圖片寬度:1200px以上
·圖片格式:JPG / PNG / GIF
·解析度“800,000px以上
·比率:16:9 / 4:3 / 1:1

圖片解析度越高(圖片大小越大),檔案大小也會越大,因此影響到網頁顯示速度,所以圖片不適合選太大的,但最近手機熒幕的解析度也蠻高的情況下,選擇太小的圖片變圖片不清楚,所以這兩種之間平衡的大小是寬1200px的圖片。

理由3 Google Discover推薦大小

選定部落格精選圖片的4個要點

要點1 放入文字時盡量放在圖片中央

基本上1200*630px的圖片,在SNS分享時不會在奇怪的地方被剪掉,不過以下情況會被剪掉圖片的左右,自動1:1的比率,顯示正方形的圖片。
·在Google搜尋(圖片)結果
·Google Discover顯示
以下的例子是在Google搜尋中出現的圖片,比率都是1:1

精選圖片 - Google 搜尋
所以如果圖片中放入文字的話放在以下圖片説明的範圍中,也就是圖片中央600*600px(1:1)的範圍當中,這樣左右被剪掉時不會文字也一起被剪掉,不知道寫什麽的情況。

放入文字的範圍

要點2 所有文章裡使用同樣大小的精選圖片

另外要注意的地方是在所有文章裡設定精選圖片的圖片都要使用同樣大小的,也就是統一使用1200*630px的圖片。這樣才不會在首頁列出文章時每個圖片大小不同的情況,以下是Masablog的首頁,使用同樣大小的圖片會看起來整齊好看,不會有圖片大小高低不同的情況。

同樣的大小

要點3 上傳之前先壓縮

準備好適合大小的精選圖片之後,請先把檔案壓縮在來上傳。因爲解析度1200px的圖片檔的大小也蠻大的,會影響到網站讀取的時間。

降低網頁速度的影響是很大的。不只是讓網友等不及繼續瀏覽你的網站,還會對SEO有不利的影響。詳細可以參看以下的文章。

延續閲讀
網頁速度變慢會有什麽問題?測試網頁速度的5個工具
網頁速度變慢會有什麽問題?測試網頁速度的5個工具

因此上傳之前,請先把圖片檔壓縮,再來上傳。
Masa每次使用“I♡IMG”的壓縮壓縮工具,沒有注冊的情況15張圖片可以一起壓縮,如果注冊能夠30張一起壓縮相當方便,而且是免費的!壓縮的結果可以壓縮至約1/3的大小效果也不錯!

延續閲讀
I♡IMG
I♡IMG

要點4 使用高品質圖片

精選圖片效果影響最大的是所使用的圖片。若使用專業攝影師的高品質圖片,能夠讓整個網站更有專業感,更吸引人。若預算足夠推薦使用付費圖庫的圖片,若預算有限推薦日本寫真AC的圖片,以下頁面介紹付費圖庫及寫真AC。許多專業設計師愛用的圖庫是Adobe Stock,他們提供免費試用40張的服務,網站中的重點使用Adobe Stock高品質圖片也是不錯的方法。

延續閲讀
【2024年】推薦付費圖庫 TOP4價格/品質徹底比較
【2024年】推薦付費圖庫 TOP4價格/品質徹底比較
延續閲讀
【免費日本素材】photoAC-日本圖庫 高品質商用無版權素材
【免費日本素材】photoAC-日本圖庫 高品質商用無版權素材

也可以使用專業圖片加工合成軟體Adobe Photoshop和畫圖向量圖軟體Illustrator也是設計出吸引人精選圖片的方法。這些軟體是屬於Adobe Creative Cloud(Adobe設計軟體群)的一部分。關於Adobe Creative Cloud請看看以下文章。

管理照片很辛苦!建議使用Adobe Lightroom
只要NT6/月 Lightroom+Photoshop+雲端20GB

設計網站會有許多檔案要整理包括照片檔案,Masa建議使用Lightroom來管理照片,您會不會覺得不好管理大量的照片檔案呢?只要每月326元就能使用專業管理及編輯軟體Adobe Lightroom+Photoshop+雲端20GB!

延續閲讀
【Adobe攝影計劃】包含什麽?優惠價格,Photoshop差異比較
【Adobe攝影計劃】包含什麽?優惠價格,Photoshop差異比較
延續閲讀
Adobe Lightroom是什麼?方案,費用,與Classic比較
Adobe Lightroom是什麼?方案,費用,與Classic比較

Masa會幫您設計網站

Masa提供日文/中文網頁設計服務,采用與Masablog一樣的最新日本WordPress主題,先進專業設計。

此服務適合的對象
·部落格網站(例如從痞客邦等平台搬家)
·企業網站
·喜歡Masablog網站風格
·在找外包網頁設計公司

服務特色
·Masa親自幫您設計網頁
·采用日本最新WordPress主題
·專業設計又超高速網頁速度,能提升用戶體驗和Google評價
·提高用戶體驗和成交率的界面設計
·公開透明的價格!能安心利用服務
·可選SEO網頁關鍵字優化服務

延續閲讀
日文/中文 日本網頁設計服務
日文/中文 日本網頁設計服務

總結

在這篇文章中説明過精選圖片最適合的尺寸。答案就是1200*630px。使用這個大小的圖片,在SNS分享時顯示的剛剛好,也在AMP出現錯誤等的問題,還有機會在Google Discover出現,如果成功有機會大幅增加PV。

另外説明了,準備精選圖片的3個要點,要留意放入文字的位子,所有文章中使用同樣大小的圖片,以及上傳前壓縮圖片檔案。

Masablog推薦文章

Delonghi全自動咖啡機推薦
迪朗奇全自動咖啡機推薦
Amazon Music 攻略
日本Amazon Music
如何挑選 翻譯公司推薦
翻譯公司推薦排行榜
EPSON印表機推薦
EPSON印表機推薦
EPSON投影機推薦
EPSON投影機推薦
XGIMI投影機比較1
XGIMI投影機推薦排行榜
日本亞馬遜 男裝品牌女裝品牌
男裝女裝品牌推薦排名
日本三大電動工具品牌 商品寄日本飯店方法和好處
日本三大電動工具
日本網頁設計 特色 參考網站 設計行情
日本網頁設計
日本TOTO免治馬桶Washlet全系列比較推薦型號
日本TOTO免治馬桶Washlet
日本亞馬遜 日本水龍頭品牌大全
日本水龍頭品牌大全
So-net台灣碩網網路
So-net光纖網路評價和費用

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

ABOUT ME
Masa
Masa
Masa是長住台灣的日本人。喜歡網頁設計及SEO,從2010年開始提供網頁設計及SEO服務,已500多家台灣和日本公司利用過Masa的服務。有空就寫一寫Masablog。

生活在台灣還是想買日本的東西常逛日本亞馬遜,也會看看日本網頁有關知識,所以在Masablog中跟大家分享日本Amazon,Adobe產品,WordPress等最新資訊!Masa也很喜歡日本旅游分享日本旅游相關優惠資訊

雖然Masa學中文很久了,不過文章中還是難免可能會有表達不是那麽好的地方,請大家多多包涵!
記事URLをコピーしました