如果有在經營社群媒體一定知道每個平台都有最適合顯示的圖片大小,即使大多數都會自動調整尺寸,也能自訂要顯示的範圍,但一開始就選好最適合尺寸就能獲得最佳顯示效果。不確定社群平台或特定位置的圖片尺寸嗎?之前介紹過 SocialSizes 提供每個社群最適用使用的圖片模版;或使用 Promo Image Resizer、Landscape 工具線上裁切為指定尺寸大小,這些服務都有預設幾種常見的社群服務。
圖片製作
Ray.so 將你的程式碼轉為漂亮圖片,加入視窗外框和陰影效果
Image It 線上將文字轉圖片,內建五種配色支援 HTML、CSS 語法
有時候在社群網站想要分享一段文字,但又希望可以突顯內容,讓其他人更容易注意到,就能透過產生器將文字轉為圖片,因為社群網站大多不支援 HTML 或 CSS 樣式,如果製作成圖片就可解決此問題,而且也能在單一圖片裡塞進更多內容,是個很有用的方法。雖然 Instagram 限時動態部分後來也加入讓使用者輸入文字的功能,但只能打打字、加進表情符號或貼圖,變化也較少。
無難度!Crello 線上自製超專業平面素材,每月五張免費額度下載
經營網路社群平台、投放廣告、製作簡報、設計邀請卡或商店網頁等各種用途都會用到圖片素材,如果不是設計師或熟悉繪圖軟體,可能無法在一片空白的畫布做出圖片,但有不少工具可以降低難度,讓我們透過拖曳、點選和預覽等互動方式產生好看又吸引人注意的圖片素材,像是以前推薦過的「DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片」就非常好用,或是 Adobe Spark、Moose Photos 都是類似工具。
Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸
無論是開發網站、網頁服務或是一般手機應用程式,一定都會用到圖示,這在網站上通常被稱為網頁圖示(Favicon),應用程式也會因裝置需要不一樣的圖示大小,雖然轉換圖片大小是很簡單的事,但我們不一定確切知道需要什麼樣的尺寸或格式,有一些工具可以快速解決問題,像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示,而且也提供對應的程式碼非常有用。
Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案
DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片
對於自由工作者、工作室或一般商家來說,平常維護網站或社群媒體可能都得自己來,除了要回訊息以外還要更新粉絲專頁上的動態貼文、Instagram 照片或是投放廣告,製作素材可能是最花費時間的部份吧!以前都要透過複雜的繪圖軟體才能製作素材,現在有不少線上設計工具在不用具備技能情況下就能產生好看的圖片,像是之前介紹過的:
Adobe Spark 提供刪除背景功能,一鍵自動化去背加入其他顏色
幾年前介紹「Adobe Spark 經營社群必備!線上製作美麗又引人注目的宣傳圖片」或許你曾經聽過或是使用過,對於要製作社群網站的圖片或廣告素材相當有用,Adobe Spark 提供大量圖庫,使用者可直接從線上編輯器進行編輯調整,也能針對要使用的平台先設定出最合適的圖片大小,就不用透過 SocialSizes 或是圖片編輯軟體裁切出特定尺寸。最近 Adobe Spark 加入全新「刪除背景」功能,雖然還在測試階段,但終於可以透過這項工具進行去背工作。
Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片
在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。