精選圖片（Featured Image）通常出現在文章列表頁和文章單一頁的標題附近。其目的在於引起使用者的興趣，進而繼續閱讀文章。好的精選圖片設計不僅可以提高文章的瀏覽量，還可以讓使用者初步了解文章概要。為了保持網站圖片的一致性，我們使用 Figma 製作 WordPress 的精選圖片，以提升精選圖片的製作效率，並確保精選圖片的品質。
什麼是 Figma ？
Figma 是一個網頁和界面設計工具，具有多人協作和設計共享的功能，適用於各種設計，從個人網站、應用程式到大型平台設計，無論是獨立設計師還是設計團隊，都可以在 Figma 上創建、設計和共享他們的設計專案。
利用 Figma 快速製作 WordPress 精選圖片
利用瀏覽器或下載桌面版開啟 Figma
Figma 可以使用瀏覽器開啟並進行編輯，也可以依照操作裝置的作業系統下載對應的桌面版程式開啟 Figma。
Figma 下載連結：https://www.figma.com/downloads/
建立新的 Design file
開啟 Figma 後，點擊右上角「Design file」建立新的 Design file。進入到編輯畫面，點擊左上角「Frame」製作工作區域，工作區域的長寬設定為精選圖片的尺寸。
精選圖片的建議尺寸
精選圖片的建議尺寸為 1200×628px，因為在這個尺寸下可以符合大多數平台，確保圖片的完整性，例如：WordPress 佈景主題的預設、Facebook 社群、LINE 等。
插入圖片
將本機的圖片拖拉至 Figma 的工作區域即可插入圖片，或是用複製、貼上的方式也可以將圖片插入至工作區域，在製作精選圖片時，必須注意圖片要與文章主題相符，其目的在於引起使用者的興趣，進而繼續閱讀文章。
加入文字
利用上方工具列的文字工具可以加入文字，若需要更改文字樣式，可以在點選文字後的右側欄位變更文字的字型、粗細、顏色等。在 Figma 的字型中可以選擇 Google Fonts 以及儲存在本機的字型，本機的字型只有在電腦有安裝對應的字型才可以編輯文字。
精選圖片加上文字的好處
在精選圖片加上文字，除了可以在文章列表頁清楚的看到文章的標題，若使用者是透過圖片搜尋，可以藉由圖片上面的文字初步了解文章的概要，進而點擊進入閱讀文章。
匯出精選圖片
點選最外層的工作區域後，在 Figma 右下角的 Export 欄位可以選擇圖片匯出的格式，選擇 JPG 後點擊下方 Export 按鈕，圖片就會下載到本機預設的下載資料夾內。在匯出之前也可以將工作區域進行命名，下載的圖片名稱會使用工作區域的名稱。
精選圖片的檔案大小
將精選圖片匯出後，需要注意圖片檔案大小，如果超過 300KB 以上，可以透過線上壓縮圖片平台壓縮圖片檔案大小，過大的圖片檔案可能會影響網站的效能。
相關文章：網站上傳圖片前先裁切壓縮的好處與方法教學
保持網站精選圖片的一致性
在製作其他文章的精選圖片時，可以使用複製工作區域的方式，以保持網站精選圖片的一致性。透過這種方式，可以快速製作符合相同樣式和風格的精選圖片，讓使用者能夠藉由圖片的外觀與風格來識別網站的不同文章。
保持一致的精選圖片樣式和風格有助於營造品牌的視覺識別，提高使用者對於網站的辨識度。透過使用相同的字型、排版等，可以確保每一張精選圖片都具有一致的視覺呈現。
