文件與投影片中的程式碼圖片
選擇 PNG 或 SVG，核對字型與倍率，讓分享的程式碼保持可讀。
內容由 Toolars 維護 · 更新於 2026-09-25
依用途選擇格式
PNG 固定算繪後的像素，適合投影片與聊天。SVG 可縮放，但顯示取決於檢視器。未上傳字型時依賴系統字型，換電腦後可能改變。通過檢查的字型會完整嵌入，檔案可能更大，目標軟體仍須支援。請在實際軟體中開啟確認。
比較 1x 與 2x
下載本指南的 JavaScript code.txt 樣本，粘貼到程式碼轉圖片工具，以 1x 生成並記下尺寸。只把倍率改為 2x 後重新生成：寬高各加倍，PNG 像素數為四倍，程式碼內容不會增加細節。以相同顯示寬度比較兩張圖；若超出匯出上限，縮短程式碼或減小內邊距。
檢查多語言文字與長行
加入中文或日文註解，選擇涵蓋所有字元且允許嵌入的字型。上傳字型缺字時會停止產生。使用系統字型時，檢查 PNG 並在目標裝置重新開啟 SVG。長程式碼應拆段，不要持續縮小字級。
分享前檢查
以最終尺寸檢查縮排、標點、對比、行號與標題。公開範例不含金鑰或私人程式碼；工具不會執行程式碼。圖片旁保留文字原始碼，方便複製與無障礙閱讀。完成後清除私人內容。
維護與驗證
本指南及關聯工具由 Toolars 維護。如果說明與目前輸出不一致，請回報，以便一併複核。
下方可下載範例是合成測試輸入，不是客戶案例。重現時保持輸入與設定一致，並按範例要求檢查下載檔案，而不只看預覽。
這些檢查只涵蓋此範例，不代表所有檔案、瀏覽器或目標軟體都通過驗證。工具變更後需要複核，分享前也請檢查自己的輸出。
回報內容或工具問題常見問題
程式碼影像應該用 PNG 還是 SVG 輸出?
PNG 固定繪製後的像素,是投影片與聊天中更簡單的選擇。SVG 縮放沒有點陣模糊,但沒有上傳字型時會用系統字型繪製,在不同電腦上表現不同:請在實際目的應用程式中測試 SVG。
輸出 2x 會讓程式碼更清晰嗎?
不會。把倍率加倍,寬度與高度各翻倍——PNG 像素數變為四倍——但程式碼本身不會增加任何細節。同時產生 1x 與 2x,以相同顯示寬度並排比較,你會發現交換的是檔案大小,不是可讀性。
程式碼影像對讀者可存取嗎?
單憑影像並不可存取。影像無法被複製,也無法被輔助技術閱讀,因此請附上文字原始碼,使用涵蓋片段中每個字元的字型,並確保分享的範例中不包含祕密。
開啟程式碼轉圖片
選擇 PNG 或 SVG，核對字型與倍率，讓分享的程式碼保持可讀。