【Canva教學】如何5步驟製作好看吸引人的部落格精選圖片

by Ikea Kew

文章更新時間 2021 年 7 月 17 日

部落格文章精選圖片通常是讀者第一眼看到你的文章的視覺,也會出現在你的網站主頁和社群媒體的頁面上。

為了吸引讀者對你的文章有興趣,精選圖片是不可或缺的元素,它不用複雜,但至少要乾淨、清楚明瞭。

這篇文章要來教你我自己每天在用的 Canva 這個厲害好用的工具,能幫助你免費又快速製作出好看的部落格文章精選圖片。

首先,什麼是精選圖片?

文章精選圖片通常是讀者第一時間看到你的文章的第一個圖像,精選圖片會出現在部落格文章的最頂部。

在社群媒體分享文章連結時,也通常會顯示出你的精選圖片加上文章標題。

部落格精選圖片示意

部落格精選圖片示意

精選圖片有各種尺寸和形狀,對於 FREELANCE HACKERS 我的精選圖片尺寸是 1200 x 630 ,這也是大多數社群媒體平台分享文章的最佳尺寸。

關於精選圖片尺寸,你可能還需要去查一下自己的 WordPress 佈景主題的規範,我是用 Thrive Themes 這個佈景主題。

文章精選圖片重要嗎?

依照我的經驗&看過非常多的部落格,我覺得文章精選圖片是重要的。

以下是一些數據面的 Fun Facts:

根據網路行銷專家 Jeff Bullas 的研究,有照片分享的 Facebook 貼文平均提高了 37% 的觸擊。

以上是數據面

但事實是,人是視覺動物,比起看文字,精選圖片能讓人第一時間看到並吸引人注意力,引起興趣&好奇心。

如果圖片的設計不好看,或照片解析度很差,就算文章再好,人們有可能不會覺得有點擊這篇文章的必要。

製作好看的精選圖片需要什麼工具?

首先我會跟你分享我用來製作文章精選圖片的工具,接著跟你分享一些我認為適合你的其他工具。

製作精選圖片的步驟及概念基本上不會與工具有太大的關聯。而我偏向可以快速有效率製作出圖片的工具,因此自己都會使用付費的工具。

以下會教如何用 Canva 這個工具來製作,它有免費也有付費,而免費的功能就可以滿足基本的需求了,因此單純製作文章精選圖片我非常推薦 Canva。

製作精選圖片,我會使用到以下工具:

  1. 編輯圖片工具 Canva
  2. 圖片相片素材庫 Freepik
  3. 縮小檔案網站 TinyPNG 

我使用的電腦系統是 MacBook Pro,以上分享的工具都是可以使用在 Windows 系統的。

5 個技巧製作出好看又有風格的精選圖片

當你的部落格有自己的品牌形象,讀者會淺移默化的產生好感,我想這就跟我們都會對一個穿搭簡單乾淨的人產生好感,再來如果對方有自我獨特的風格,應該會對他進而加分,沒辦法人就是個視覺動物。

這也是部落格擁有自己的風格、視覺如此重要的原因。由於在這些年,部落格不是一個吸引粉絲的獨特原創方法,因此你必須讓你的文章第一印象吸引到讀者,不論是標題或是圖片。

以下是一些技巧關於如何幫助你的部落格製作出獨特有特色的精選圖片:

1. 使用有特色的插圖、圖案

通常有很多人會只使用影像素材庫的照片、圖片,這是有很大的機率會讓快速略過,因為網路上有太多資訊了。

你要確保自己使用的是合法授權且有獨特素材的資源,像是:

透過好的素材庫,他們幫你統整了各種類別又好看的圖片,這些都是能讓人們被你的文章精選圖片吸引的關鍵。

部落格插圖

2.盡量保持簡單明瞭

我相信你應該有看過各種眼花撩亂的傳單,各種顏色、字體、排版,完全不知道重點在哪裡。

來到了網路上,也是相同的,有時少即是多,你不需要在精選圖片上放上各種圖片、文字,採取簡單明嘹的視覺,能幫助你專注在文章內容。

然而,間單明瞭不代表無聊的圖片,而是要合乎你的文章主題,這就是下一點我要提到的。

3.使用符合文章內容的照片

精選圖片的重要性有兩點:

  1. 吸引人們對你的文章有興趣
  2. 可以讓讀者大概了解文章的內容

如果圖片和部落格內容毫無關係,讀者會對文章提供的內容感到困惑,可能會對文章內容失去興趣和信任。

有一個很簡單方法可以讓你使用到精準符合文章內容的照片,就是外包給設計師,但需要花一點支出成本。除了外包出去,也可以使用線上的一些圖片編輯工具,很多都有內建設計好的模板。

不管如何,記得要保持品牌的乾淨、一致的的品牌形象。

4.外包給設計師

如前面提到的,為你的部落格、個人品牌外包一個平面設計師,可以很有效率且精準的幫你的品牌加分,而且獨一無二。

這不是必要,但如有預算是會建議這麼做,因為可以幫你的部落格提升到一個水平,當然內容還是最重要的。

5.設定部落格視覺顏色主題

一個最基本,能快速建立起部落格視覺調性就是:顏色。

為你的部落格、個人品牌建立一個主視覺顏色,並且在整個網站貫徹的使用它。就像是只要提到可口可樂會想到紅色、提到 Facebook 會想到藍色。

部落格視覺顏色

部落格視覺顏色示意

顏色是一個淺移默化,能讓人漸漸對你的部落格產生記憶的一個要素之一。如果你還沒有為你的部落格選擇視覺顏色,也還沒有一個概念,可以先去研究你平常會逛的網站、部落格,看看別人的顏色,可以給你一些靈感。

這一且都是為了吸引人們對你的部落格的注意力,我覺得也是對你自己在經營的東西能夠讓自己喜愛,也讓別人看的舒服。

如何製作出好看的部落格文章精選圖片?

以下我會用 Canva 來教學如何快速製作出部落格文章精選圖片。當然除了精選圖片,其他需要輔助的圖片都可以一併在 Canva 完成。

Step 1: 註冊 Canva

點擊註冊 Canva 帳號,它是免費的 🙂,免費的帳號就可以順利製作出圖片。我是使用 Canva Pro,進階的功能非常完全,而且一直在更新,這樣的訂閱費用我非常推薦。

建議先用免費的,你就會了解 Canva Pro 真的值得付費訂閱!

接著,依照你習慣的方式註冊 Canva

Canva 註冊頁面

完成 Canva 註冊後,看到下方畫面,代表我們可以開始製作圖片了!

Canva登入畫面

Canva登入畫面

Step 2: 建立新設計

我們要來開始製作部落格文章精選圖片了。

我的部落格精選圖片尺寸是 1200 x 630,也是適合分享到社群媒體的尺寸。但每個 WordPress 佈景主題的精選圖片不盡相同,建議你先確認適合自己網站的尺寸。

點擊右側自訂尺寸 > 輸入 1200×630 > 點擊建立新設計

Canva建立新設計

點擊右側自訂尺寸 > 輸入 1200×630

Tips: 已經在製作,如何瞬間更改畫布尺寸?

情境

製作圖片的過程中,發現尺寸錯誤,臨時要改變畫布尺寸,該怎麼辦?

難道要開新的設計再重做一次嗎?

解法

只需要點擊左上的調整尺寸,即可一秒瞬間幫你調整畫面大小。

特別注意

這項功能是付費版 Canva Pro 才有,可免費試用30天,費用是 US$9.99/月

Canva教學-更改尺寸

Step 3: 用符合內容的圖片、照片

Canva 擁有很強大的素材庫,包含照片、圖片、影片、動畫、音樂,全部都包含在左側工具列的「元素」內。

點擊元素 > 輸入你要搜尋的關鍵字

Canva教學-尋找圖片照片

點擊你要的圖片,會自動放置到畫布上

Canva教學-增加圖片

Tips: 如何不訂閱 Canva Pro 又能用進階版的素材?

情境

在元素尋找圖片發現右下有個皇冠,代表是 Canva Pro 進階的素材,免費帳號用到會發現上面有浮水印怎樣辦?

解法

點擊右下角「移除浮水印」,即可以 $1美元購買素材。

特別注意

雖然 $1美元感覺很便宜,但如果你用了很多累積起來也是一筆錢,如長期有需求,為了錢包著想,還是真心建議可以訂閱 Canva Pro。

Canva教學-移除浮水印

Step 4: 加上文字

加上你需要放上精選圖片的文字標題,上方工具列有各種文字編排的設定

Canva教學-增加文字

Step 5: 輸出

以下是我做好的精選圖片,可以輸出下載圖片了。

Canva 這樣子的線上圖片編輯軟體,我認為它很不錯的一點是會讓你下載正常大尺寸大小的圖片。有一些線上圖片編輯工具,雖然可以讓你免費使用全部功能,但是不能下載正常畫質的圖片,這點會讓人滿困擾的。

Canva 完成製作

點擊右上角下載圖示即可下載

Canva教學-輸出下載圖片

Canva教學-輸出下載圖片

Step 6: 縮小檔案大小

在你做好精選圖片要是上傳 WordPress 前,很重要的一點:縮小檔案大小

你可不希望上傳一張 1mb 大小的圖片到你的媒體庫,當數量一多會導致你的網站速度變慢,因為吃掉的容量變多了。

Tiny PNG 就是一個免費縮小圖片檔案的好工具,你不需要打開 Photoshop 之類的工具再煩瑣的縮小檔案輸出,Tiny PNG 可以快速搞定。

點擊前往 TinyPNG

縮小檔案網站TinyPNG

縮小檔案網站TinyPNG

上傳你製作好的圖片會自動壓縮,即可點擊 download 下載圖片

TinyPNG壓縮結果

Tips: 建議精選圖片的格式使用 JPEG,檔案大小最好可以小於 100kb,不然至少是 100kb ~200kb之間

以上就是用 Canva 製作部落格精選圖片的教學

為什麼 Canva 很適合部落客?

自從會使用圖片編輯軟體以來,我就一直都是用 Adobe 系列的 PhotoshopIllustrator

在我開始編寫部落格文章後,需要一些圖片輔佐,再來是要製作精選圖片,我就一直在找能幫助我有效率製作圖片的方法,並不是 Adobe 不好用,而是有時軟體太專業,軟體自身的檔案也大,開啟軟體的時間會拉長,這整個過程就會讓我感到疲憊。

在我實際測試了好多個圖片編輯軟體,為的就是找出能幫助我有效率的執行這整個過程,又可以 SOP 化。

Canva 提供了以下幾個工具,是我認為幫這個工具加分的最大利器,我真的想介紹給你,你就知道我為什麼會使用 Canva 當我主力工具 

品牌工具組

Canva 品牌工具組包含:

  • 品牌標誌:你可以上傳你的品牌 Logo,製作的過程中就可以直接把 Logo 放上去
  • 品牌顏色:可以在裡面設定品牌的主視覺顏色,每次製作都可以直接套用顏色
  • 品牌字型:Canva 內有中文字體,但較少,你可以上傳自己喜歡的字體來使用

這一個工具是讓我從 Illustrator 跳槽到 Canva 製作精選圖片最大原因之一,透過品牌工具讓我在每一次的製作省下了尋找字體,尋找顏色的時間。

並不是說其他工具做不到,而是 Canva 讓這一切都順手很多,感覺就是站在創作者的角度來開發產品一樣,感到貼心!

Canva品牌工具組

Canva品牌工具組

內容規劃表

Canva 的內容規劃表有 3 大特點:

  1. 連結你的社群媒體帳號
  2. 按照日期排程
  3. 可以直接撰寫內容,也能儲存成草稿

Canva 內容排程工具

Canva 內容排程工具

強大的素材庫

Canva 的素材庫包括:

  • 圖片
  • 照片
  • 音樂
  • 影片
  • 動畫

Canva素材

實際使用過一些線上圖片編輯工具,雖然有內建的素材,但 Canva 的素材每一次都會讓我感到驚艷。Canva 有跟創作者合作可以販售他們的創作,因此這些素材都是有被挑選過的。

唯一我覺得可以改善的是搜尋功能,不是不好用,而是太多素材了反而不知道可以怎麼搜尋,也許可以建立一個篩選器功能來讓使用者更明確去篩選符合需求的素材,而不是單純用版面上推薦的。

Canva-logo

免費試用 Canva Pro 30天

Canva Pro 提供了 30 天免費試用的機會,你可以使用它一切好用的工具&好看的素材!

如果你對於  Canva部落格製作上有任何疑問想了解,請在下面留言給我!

下一篇文章:

【Canva教學】如何沒有設計技能,也能做出好看的圖片?


其他人正在看...


Ikea Kew

Ikea 是影像工作者、全職經營部落格也是聯盟行銷顧問
他從上班族轉身離職,到影像自由工作者,全職經營部落格事業,致力於與讀者分享他的知識與專長。

“世界很大,人生很短,要抓緊每一刻,認真做自己想做的事”

Ikea 簽名