如果你想把一段程式碼製作成圖片，只要從編輯器直接擷圖就能做到，看起來可能略顯陽春，不過好處是該有的都有，內容呈現上也沒什麼問題。若你想讓程式碼擷圖變得更好看，我之前也介紹過一些程式碼轉圖片工具，多半都能加入外框、選擇不同配色和視窗陰影效果，更重要的是會對不同程式語言類型上色，例如：CodeZen、Carbon 將程式碼轉為圖片並加入視窗效果；如果要分享到社群網站，Codeimg 還可依照使用者選擇的平台預先裁切好特定尺寸大小。
產生器類
線上產生器列表，包含常見的身份證產生器、隨機密碼產生器、捲軸產生器、CSS產生器與任何有趣實用的產生器。
Image It 線上將文字轉圖片，內建五種配色支援 HTML、CSS 語法
有時候在社群網站想要分享一段文字，但又希望可以突顯內容，讓其他人更容易注意到，就能透過產生器將文字轉為圖片，因為社群網站大多不支援 HTML 或 CSS 樣式，如果製作成圖片就可解決此問題，而且也能在單一圖片裡塞進更多內容，是個很有用的方法。雖然 Instagram 限時動態部分後來也加入讓使用者輸入文字的功能，但只能打打字、加進表情符號或貼圖，變化也較少。
Cool Backgrounds 免費背景製作工具，內建五種效果可自訂顏色
根據 Cool Backgrounds 開發者研究，在發佈網頁或文章前最困難的步驟之一是找到合適背景圖片，好的圖片不僅能凸顯整篇內容質感，也可獲得更多使用者注意。我之前推薦不少免費背景產生器，依照使用者需求快速製作出很活潑、色彩鮮豔的背景，例如 Svg Wave 產生波浪狀背景圖案（在很多網站都能看到）；Hero Patterns 製作好看的重複平鋪式背景，而且只要將 CSS 語法帶入就能套用。
Meta Tag Generator 網站資訊標籤產生器，為搜尋媒體和社群網路最佳化
對我來說，要讓網站在搜尋引擎取得好的排名表現，把程式碼寫正確是首要任務，因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件，如果你對於開發網站有興趣，或是工作也會碰到相關內容，之前推薦過「HEAD 網頁開發參考手冊」很有用，它收錄 HTML5 在會出現的各種元件和使用範例，幫助開發者寫出更為完整全面的網頁標頭，對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。
Mock Magic 為擷圖畫面加上外框，支援 iPhone、MacBook 等裝置模型
我介紹過不少實物模型（Mockup）工具，可以讓使用者上傳畫面，快速合成到相片中出現的裝置畫面，像是 iPhone、iPad 或是 MacBook，有些還帶有裝飾或景深，看起來非常專業！有時候如果需要展示網頁或應用程式，單獨放上擷圖好像又太單調，就可以選擇像是 Mockup Photos、MockDrop 或 Mockuper 等服務稍微處理一下，類似工具都不需要額外下載安裝軟體，只要選擇想使用的模型，把手邊相片上傳後就會整合。
OVRVU 專注於精簡和免費個人頁面產生器，支援 Markdown 無流量限制
Add to Calendar Generator 產生讓活動資訊可快速新增至行事曆的超連結
LastPass 隨機帳號產生器，搭配密碼管理工具更具隱私安全性
Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸
無論是開發網站、網頁服務或是一般手機應用程式，一定都會用到圖示，這在網站上通常被稱為網頁圖示（Favicon），應用程式也會因裝置需要不一樣的圖示大小，雖然轉換圖片大小是很簡單的事，但我們不一定確切知道需要什麼樣的尺寸或格式，有一些工具可以快速解決問題，像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示，而且也提供對應的程式碼非常有用。
