平時工作就是寫寫教學文章，自然對螢幕擷圖不陌生，早期會透過螢幕擷取工具像是 WinSnap 或 Jing，後來就直接使用 Mac 內建的截圖功能，習慣後就也蠻方便順手，還可依照需要設定不同儲存格式、儲存路徑和螢幕快照檔名。若要進行教學或是製作說明也會進行標註，我會搭配上另一個應用程式 Skitch 來畫線、加入箭頭或是標示框線等等，現在要介紹的工具也很有用。
線上編輯器
HTML.cafe 線上即時 HTML 編輯器，修改原始碼立即查看效果變化
現在比較少有機會從頭到尾、以原始碼編寫一個網頁，記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress 架站，最早的網頁就是直接用 HTML 文字編輯器寫出來，後來有了所見即所得編輯器，很多事情變得很方便，也少有機會去編寫原始碼。若你偶爾需要測試一些 HTML 內容，看看呈現出來的結果是否正確，可試試接下來的免費工具。
AudioMass 免費開源線上音訊編輯器，以瀏覽器剪輯音樂檔加入效果處理
很早以前使用過音訊編輯軟體 GoldWave，大概是我對音樂軟體僅有的印象，記得那時候是用來編輯音樂檔案，無論要調整音量大小或是加進淡入淡出效果都很簡單，操作上也和一般編輯軟體差不多，不過也可能是我沒用到非常進階或專業的功能，現在這些基本編輯功能也可以直接透過瀏覽器做到，像是 Audio Trimmer 線上剪輯 MP3 格式，可以快速裁切和加入淡入或淡出效果；行動裝置也有不少編輯音訊的應用程式。
Fluently 線上文字編輯器可即時將內容翻譯其他語言
不得不說現今的機器翻譯技術越來越強大，以前是將原文單字直譯，翻譯後常常會有明顯翻譯感（例如閱讀上很不通順，或是整段話看起來不知所云），這幾年使用機器學習、類神經網路等技術，在翻譯後字句表達更自然，也更容易被使用者理解，例如 DeepL Translator、大家熟悉的 Google 翻譯、Bing 翻譯等等線上翻譯工具都有非常顯著的成長變化。
AutoMask 在瀏覽器自動相片遮臉、人物模糊馬賽克工具
Facepixelizer 線上圖片馬賽克工具，自動偵測臉部也可隱藏重要隱私資訊
平時因為工作需要，我經常會擷取螢幕畫面，有時候擷圖裡會有一些個人資訊，放入文章前就必須經過處理才能使用，比較常見的像是姓名、Email、其他人的 ID 或紀錄等等，以往我都是透過 Skitch 進行編輯，除了加入箭頭、框線外也可以針對特定範圍加上馬賽克效果，後來我在介紹「Redacted 線上圖片馬賽克、模糊遮蔽工具，相片不上傳離線也能用」後就改以 Redacted 製作馬賽克效果，一來是這個工具無需下載軟體，透過瀏覽器就能使用，二來是加入馬賽克的效果更理想，有時候模糊或塊狀馬賽克反而會讓整個畫面變得很凌亂。
Resizing.app 線上調整圖片大小，可壓縮最佳化相片轉檔無廣告
無論你是使用 Windows 或 macOS 都能透過內建工具快速調整圖片大小，這對於大部分使用者來說應該不會太困難，比較常會用到的可能是轉為社群網站使用的特定圖片尺寸，像是 SocialSizes、Tiny Visuals 或 Landscape 等工具都能達到線上裁切轉換圖片的效果，在社群媒體經營來說非常有用。若是網站管理者應該會更關注網頁載入速度，壓縮圖片降低容量是一個可行方式，Recompressor、Squoosh 和 TinyJPG 等工具都可以在不破壞畫質的情況下大幅減少圖片大小。
