Markdown 轉換 PNG/JPG 圖片步驟教學
輕鬆將排版精美的 Markdown 文字及數學公式一鍵匯出為高清 PNG / JPG 格式,方便用於多平台分享。
🖼️ 匯出格式選擇:PNG 還是 JPG?
本編輯器支援兩種常用的圖形匯出格式,您可以根據以下場景進行選擇:
- PNG 格式 (.png):採用無損壓縮。畫質極其清晰,文字邊緣銳利無雜色,且完美支援透明通道(透明背景),是技術部落格配圖、PPT 簡報插圖和微信公眾號排版的最佳選擇。
- JPG 格式 (.jpg):採用高壓縮比率演算法,檔案體積非常小。特別適合直接傳送給微信好友、QQ 群、或者直接作為長微博長圖分享,載入速度極快且節省流量。
🚀 一鍵轉換匯出圖片的步驟
1
確認排版已全部渲染
由於螢幕截圖引擎需要讀取目前瀏覽器視窗中的 DOM 渲染資料,在點擊匯出前,建議在編輯器中快速由上至下捲動一遍,確保複雜的 Mermaid 圖表和公式均已渲染完畢。
2
進入匯出欄並選擇格式
點擊右上角操作列的 「匯出檔案」 按鈕,根據您的需要,在彈出的面板中點擊 「匯出 PNG 圖片 (.png)」 或 「匯出 JPG 圖片 (.jpg)」。
3
圖片自動合成與下載
系統會彈出一個「匯出圖片」對話方塊並顯示廣告。底層的
html-to-image 引擎會開始對編輯器可視區域進行無縫像素合成。約 1.5 秒後,瀏覽器會自動下載產生的超清圖片,檔案名稱為 [原檔案名稱]_it365.janqi.com__[圖片格式]。
🎨 匯出圖片背景顏色跟隨技巧
匯出的圖片背景色會自動對齊您目前所用的編輯器主題:- 如果您在使用 「暗黑模式」,匯出的圖片將呈酷炫的深藍色背景。
- 如果需要經典的 「純白背景」,只需在匯出前將編輯器切換為 「淺色模式」 即可。