上面這張圖看起來是不是很有質感呢？如果仔細看，會發現電腦螢幕出現的正是免費資源網路社群首頁，不過這可不是我自己擺設的佈景，而是運用合成方式將適當的畫面合成到圖庫素材，也被稱為「Mockups」，對於要展示一些畫面來說非常有用。若我在編寫文章時找不到適合的圖片，也會利用像是 Smartmockups 來產生更好看的擷圖畫面，你可能會發現有些圖片看起來相似度極高，別懷疑，你也可以自己動手做。
圖片處理
Qurb 線上 Mockup 產生器，擷圖套用 iPhone、MacBook 外框更有質感
擷取網頁或應用程式畫面並不困難，除了使用內建的螢幕擷取工具，也有很多擷圖軟體可以選擇，像是 WinSnap、FastStone Capture 或是 Mac 上的 TechSmith Screenshot 等等軟體，當然擷圖軟體可以提供更多更細部的功能和選項，但內建就好在速度快與操作方便性了吧！後來使用 Mac 內建的擷取工具習慣後我就捨棄其他第三方應用程式，除非需要用到劃線、標記或處理特定部分才會使用 Skitch（馬賽克的話則是使用 Redacted）。
FaceMaze 線上人臉辨識工具，將相片裡出現的面孔擷取為圖片打包下載
現今相簿都有內建智慧型人臉辨識功能，例如將不同人物相片自動分類，或是標示出一張相片中出現幾個人像、性別或是產生文字描述等等，確實讓我們在整理相片時輕鬆不少，但有沒有想過這樣的技術還能怎麼運用呢？如果你想將一張合照裡所有出現的人物臉部擷取出來，除了用繪圖軟體一個一個手動裁切，現在利用 AI 技術也能自動辨識人臉，同時將這些圖片套入相同濾鏡效果，幾秒鐘就可以快速完成。
Watermark.ws 線上浮水印工具，保護你的相片影片和文件免於被竊取盜用
這陣子遇到不少涉嫌抄襲免費資源網路社群文章的有心人士，對於內容創作者來說，這些文字就像自己的孩子，必須花費相當多時間心血才能完成，但要竊取很容易，防不勝防。以前沒有花太多時間處理類似問題，相信大家都取之有道，標示原作者、連回出處來源是最基本的準則，後來實在太離譜，只好一一寫信請對方將盜文撤除，那麼創作者要如何避免自己原創內容被其他人竊取呢？
Watermarkly 線上為圖片製作浮水印，加入 LOGO 和文字效果免安裝軟體
經營網站的道路上最常碰到被抄襲內容的狀況，即使採用 Creative Commons 授權方式將內容釋出，仍有許多網站惡意剽竊文章，甚至自行轉為其他語言版本，也從未標註過來源，對於創作者來說造成非常大的傷害。遇到這種情形除了聯絡對方將內容下架，向 Google 等搜尋引擎回報垃圾網站，亦可將相關資料提供給對方的主機商。過程曠日廢時，也不一定有效果，因此創作者還是得想辦法保護自己的內容。
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
Recompressor 免費圖片壓縮工具，在容量和畫質中找出最佳壓縮比
Picdiet 線上圖片壓縮工具，利用 JavaScript 演算法快速幫圖片減肥
現在有非常多可以壓縮圖片或影片、減少容量但又盡量不失真的圖片壓縮工具，多半都是透過瀏覽器進行，使用者無須額外下載安裝軟體，而是直接從雲端最佳化，操作上很簡單，沒有太多複雜的設定選項，例如前幾天介紹的 Squoosh，或是不斷提到的 TinyPNG，若你本身是網站經營者，也和免費資源網路社群一樣都透過 WordPress 自行架站，那麼我有寫過一篇「Photon 免費 CDN 圖片分流、加速服務」（現已更名為 Image CDN）亦能自動針對圖片進行最佳化處理，再以 CDN 技術加速圖片、減少伺服器流量負載。