在每個社群網站、不同位置的圖片都會有最合適的尺寸大小，舉例來說，大頭貼多半是正方形，封面圖片則以長方形為主，雖然社群網站編輯器會自動將使用者上傳的圖片進行裁切，但在顯示上不如最佳尺寸效果來得好，如果有心經營社群媒體的朋友一定要記得使用正確的圖片大小，之前介紹過 Social Media Image Maker 可以將圖片裁切為特定尺寸，其他像是 Landscape、Promo Image Resizer 都是類似服務。
圖片處理
Squoosh Desktop App 桌面版圖片壓縮工具，開放原始碼沒有網路連線也可用
兩年前介紹過 Google 開發的免費圖片壓縮工具「Squoosh」，這是功能非常強大的線上圖片最佳化服務，整合各種常見圖片編碼解碼器，能在瀏覽器中對相片進行自訂調整，在分隔畫面即時比較原圖和壓縮後、或是使用不同壓縮技術造成的細節差異。我以前經常使用 TinyJPG 壓縮圖片，可以有效減少檔案大小，還能維持圖片畫質，後來在網站開啟 Jetpack CDN 直接替換圖片網址就有整合加速、分流和壓縮圖片效果。
Pixeltrue Mockup Generator 免費模型產生器，將擷圖輕鬆整合裝置畫面
Social Media Image Maker 線上將圖片裁切為適合社群網站尺寸
如果有在經營社群媒體一定知道每個平台都有最適合顯示的圖片大小，即使大多數都會自動調整尺寸，也能自訂要顯示的範圍，但一開始就選好最適合尺寸就能獲得最佳顯示效果。不確定社群平台或特定位置的圖片尺寸嗎？之前介紹過 SocialSizes 提供每個社群最適用使用的圖片模版；或使用 Promo Image Resizer、Landscape 工具線上裁切為指定尺寸大小，這些服務都有預設幾種常見的社群服務。
Mock Magic 為擷圖畫面加上外框，支援 iPhone、MacBook 等裝置模型
我介紹過不少實物模型（Mockup）工具，可以讓使用者上傳畫面，快速合成到相片中出現的裝置畫面，像是 iPhone、iPad 或是 MacBook，有些還帶有裝飾或景深，看起來非常專業！有時候如果需要展示網頁或應用程式，單獨放上擷圖好像又太單調，就可以選擇像是 Mockup Photos、MockDrop 或 Mockuper 等服務稍微處理一下，類似工具都不需要額外下載安裝軟體，只要選擇想使用的模型，把手邊相片上傳後就會整合。
MockDrop 免費 Mockups 產生器，在圖庫相片整合想呈現的畫面
上面這張相片頗具質感，電腦顯示的是免費資源網路社群首頁，其實不是由我拍攝，現今有非常多的線上工具可以做到所謂「模型」（Mockups）效果，簡單來說就是將你要呈現的畫面整合到圖庫相片特定裝置或範圍，營造出一種好像是自己拍攝的錯覺，對要展示畫面來說會有不錯的效果，例如 Mockup Photos 提供數千張高畫質素材，是我近期最常用的服務；Smartmockups 則是我較早會使用的模型工具，後來相片都必須付費才能使用。
Device Shots 將圖片快速整合到手機、平板電腦或筆電顯示器螢幕
有時候我們會需要將應用程式或是網站畫面呈現在裝置上，例如在設計網站、介紹教學或展示產品會用到，不過要直接拍攝裝置其實並不容易，除非本身有不錯的攝影器材和光線，還得加上後製修圖的時間，其實只要使用 Mockups 工具就能輕鬆做到，我之前介紹過 Qurb、Mobile Mockup 和 MockUPhone 都能達到類似效果，像是將畫面整合到手機、平板電腦或是筆記型電腦，還能選擇不同的裝置外框、顏色或背景顏色等等，即使手邊沒有軟體也能輕鬆製作素材。
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個答案好像也沒有錯，只是相較於使用 Mockup 工具來說會更費時費力，其實只要透過像是 BrowserFrame 或 Mobile Mockup 就能在輸入網址後快速製作出模型圖，看起來會比自己擷取還要更有質感。如果是 Mockup Photos、Smartmockups 還能直接套用免費圖庫提供的高品質相片，免費資源網路社群有一部分的文章首圖都是以類似工具處理，看起來很自然而且能提昇質感。
Optidash 以人工智慧最佳化圖片，壓縮降低圖片容量支援常見格式
Mockup Photos 數千張高畫質素材圖庫，可自行上傳圖片或線上擷圖整合
上面這張圖看起來是不是很有質感呢？如果仔細看，會發現電腦螢幕出現的正是免費資源網路社群首頁，不過這可不是我自己擺設的佈景，而是運用合成方式將適當的畫面合成到圖庫素材，也被稱為「Mockups」，對於要展示一些畫面來說非常有用。若我在編寫文章時找不到適合的圖片，也會利用像是 Smartmockups 來產生更好看的擷圖畫面，你可能會發現有些圖片看起來相似度極高，別懷疑，你也可以自己動手做。