圖形 / 程式碼

程式碼截圖產生器:將程式碼轉成整潔圖片

將程式碼片段製作成適合簡報、文件或社群貼文的精美圖片:支援17種語言的語法色彩、4種主題、含標題的視窗框架、行號,以及漸層或透明背景;可儲存為清晰的PNG或SVG,而且程式碼不會離開瀏覽器。

程式碼截圖產生器:將程式碼轉成整潔圖片: 內建的小型語法醒目提示工具會將程式碼拆分為關鍵字、字串、註解、數字、函式名稱和型別,接著使用等寬字型逐行排版成SVG,並套用編輯器視窗樣式的框架。PNG會以1倍、2倍或3倍尺寸從SVG繪製而成,因此在高解析度螢幕上仍能保持清晰。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
程式碼截圖工作台本機處理

全程在瀏覽器中執行

任何內容都不會離開您的瀏覽器。SVG會指定等寬字型,而不是嵌入字型,因此在製作它的電腦上顯示效果最佳;PNG則是固定的。

易讀的程式碼圖片

讓程式碼片段保持簡短,約10到25行,寬度少於80個字元,這樣圖片縮小顯示在動態消息或投影片中時,文字仍然清楚易讀。

無障礙功能

程式碼圖片無法複製,也無法由螢幕閱讀器讀取。在可行的情況下,請將程式碼本身放入替代文字,或與圖片並列顯示。

使用方式

  1. 貼上程式碼。
  2. 選擇語言、主題、視窗樣式和背景。
  3. 將圖片下載為PNG或SVG。

隱私與限制

您的程式碼會留在瀏覽器中,絕不會上傳。

相關工具

常見問題

支援哪些語言的語法醒目提示?

JavaScript、TypeScript、Python、Go、Rust、Java、C、C++、C#、PHP、Ruby、SQL、CSS、HTML、JSON、Bash和YAML。工具會從程式碼猜測語言,您也可以自行選擇。

為什麼SVG在另一台電腦上看起來不一樣?

SVG會指定字型名稱,而不是嵌入字型,因此另一台電腦可能會使用自己的等寬字型。PNG在所有裝置上看起來都一樣。

可以讓背景透明嗎?

可以:選擇「無」,PNG就會保留視窗周圍的透明背景。

免費工具・使用在瀏覽器中次・免註冊