Coverview 為網誌文章產生封面圖片,可自訂顏色、圖示和背景圖案

Coverview 為網誌文章產生封面圖片,可自訂顏色、圖示和背景圖案

如果你還有在寫部落格(網誌)的話,應該碰過一個問題,那就是文章的「封面首圖」要如何選擇?看過許多網站都會將標題直接製作成圖片做為封面圖,不僅在樣式上具有一致性,而且分享到社群網站顯示的預覽圖也更有吸引力,我是比較懶惰的人,沒有在文章設計圖片的習慣,頂多就是使用網路服務的首頁或軟體主畫面做為封面首圖,若你想要為網誌文章快速製作首圖,接下來的工具很好用。

Lorem Picsum 線上測試圖產生器,快速插入特定長度、寬度 CC0 圖片

Lorem Picsum 線上測試圖產生器,快速插入特定長度、寬度 CC0 圖片

在開發網頁或設計版型可能會需要放入圖片進行測試,除非你原本就有自行準備測試圖片,否則就需要使用佔位圖片(Placeholder),簡單來說,佔位圖就是依照使用者所需的長度寬度快速產生圖片,以填充特定的圖片空位,好處是不用手動裁切圖片,大多數的佔位圖片產生器都是透過圖片網址來指定要顯示的大小,有些還能加上特效、選擇不同類型的範例圖片,我覺得可以在圖片中顯示長寬尺寸對於要辨識來說也很有用。

Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 是免費圖示庫「Flaticon」提供的線上工具,協助使用者以喜歡的圖示設計出獨特的背景素材,可使用於手機、行動裝置背景或是做為社群網站背景,也能調整每個圖示尺寸大小、位置、不透明度、旋轉方向和背景顏色等等,最終產生為 PNG、JPG、SVG 三種主要格式或 Base64 編碼,下載前設定每個圖磚(Tile)尺寸和圖片大小。

Placy 線上佔位圖產生器,製作特定尺寸範例圖三種格式下載

Placy 線上佔位圖產生器,製作特定尺寸範例圖三種格式下載

在開發網站、測試網頁模版設計時經常會需要用到佔位圖(Placeholder),這是什麼呢?簡單來說就是範例圖片,用於填充一些可能要預留、之後顯示圖片的位置,既然是佔位圖片就要符合幾個要件,像是快速設定要產生特定尺寸大小、可以快速取用(甚至不用下載圖片、直接給使用者圖片鏈結),或是在圖片上方會清楚標示出這張佔位圖的尺寸,對於開發來說就會更方便更省時間。

editorAC 免費模板編輯器,輕鬆設計各類型圖片素材內建圖庫功能

editorAC 免費模板編輯器,輕鬆設計各類型圖片素材內建圖庫功能

如果要自己製作平面設計圖案,沒有繪圖軟體使用經驗的話應該很難達成,雖然可從網路找到許多素材圖案,要手動修改編輯也沒那麼容易,還好現今有許多方便的免費線上工具可以降低這些工作難度,例如「Crello 線上自製超專業平面素材,每月五張免費額度下載」或是我很喜歡的「DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片」,網站提供許多製作好的素材模板,透過線上編輯器就能直接進行修改,讓使用者輕鬆上手。

Lorem.space 免費測試圖片產生器,提供電影海報、音樂封面可自訂尺寸

Lorem.space 免費測試圖片產生器,提供電影海報、音樂封面可自訂尺寸

Lorem ipsum 就是所謂的測試文章,也是一篇常用於排版設計的拉丁文文章,中文稱為亂數假文或隨機假文,後來經常在各種測試功能看到這個名詞,例如之前介紹過「Doodle Ipsum 產生插圖測試圖片,可選擇樣式和指定尺寸」就是用來產生特定插圖風格、尺寸大小的測試圖片,或是在另一篇「12 個你應該知道的中英文假字、文章產生器」有收錄一些可做為測試排版或 CSS 樣式的文字內容,對開發者來說非常實用。

Doodle Ipsum 產生插圖測試圖片,可選擇樣式和指定尺寸

Doodle Ipsum

Lorem ipsum(簡稱為 Lipsum)是指一篇用於測試文章排版或字型效果的拉丁文文章,我曾在之前寫過的「12 個你應該知道的中英文假字、文章產生器」提到,如果你要測試字體或排版效果可使用範例文章,通常會用來填充版面,有助於預覽實際顯示的效果。你可能會問:既然有測試用文字那有沒有測試用的圖片呢?佔位圖片(Placeholder)能依照使用者需要的圖片尺寸大小產生對應的圖片,可能是單色圖片、免費圖庫素材基努李維照片

Figen 線上文章簡報封面圖產生器,四種幾何圖形可自訂顏色樣式

Figen 線上文章簡報封面圖產生器,四種幾何圖形可自訂顏色樣式

無論是撰寫文章或製作簡報都會使用一張封面圖做為開場,就好比在閱讀一本書會先翻開封面一樣,通常我會使用文章要介紹的服務畫面或是軟體擷圖做為開頭,有時候遇到沒有適合的畫面,就會去找找免費圖庫自己加工一下,之前推薦過「Captionn 為免費圖庫相片加入文字,自製高品質社群圖片素材」就很好用,可以將找到的相片素材整合雲端字型,創造出一張好看的圖片,也很適合使用於社群網站宣傳。

Captionn 為免費圖庫相片加入文字,自製高品質社群圖片素材

Captionn 為免費圖庫相片加入文字,自製高品質社群圖片素材

如果你喜歡在 Instagram 更新動態,會知道它不像是 Facebook 或 Twitter 等社群網站可單獨發布文字內容,必須加入至少一張相片或影片,因此平常就得多收集一些素材。當然也有人會自己製作圖片,對於經營社群來說是很有用的方法,尤其是會被轉貼分享就能在無形中獲得更多關注,配上好的圖片對整篇貼文也有加分效果。

Pixelhunter 以人工智慧自動裁切圖片,符合社群平台和廣告建議的尺寸大小

Pixelhunter 以人工智慧自動裁切圖片,符合社群平台和廣告建議的尺寸大小

在每個社群網站、不同位置的圖片都會有最合適的尺寸大小,舉例來說,大頭貼多半是正方形,封面圖片則以長方形為主,雖然社群網站編輯器會自動將使用者上傳的圖片進行裁切,但在顯示上不如最佳尺寸效果來得好,如果有心經營社群媒體的朋友一定要記得使用正確的圖片大小,之前介紹過 Social Media Image Maker 可以將圖片裁切為特定尺寸,其他像是 LandscapePromo Image Resizer 都是類似服務。