繁體中文

線上工具

HTML & CSS to Image

將沙盒化的 HTML 與 CSS 預覽渲染成可下載的 PNG 圖片。

免費使用繁體中文說明方法與限制清楚說明
更新日期

私密瀏覽工作區

HTML & CSS to Image

Input is processed locally in this browser tab and is not sent to NexaCurrent.

可見結果

Review the output

Run the tool to display a result. Nothing is copied or downloaded silently.

方法
將沙盒化的 HTML 與 CSS 預覽渲染成可下載的 PNG 圖片。
Privacy
Ordinary text, code, and files remain in the current browser tab. Reset clears the working state.
Limit
Text is limited to 2,000,000 characters and ordinary files to 20 MB so one page cannot exhaust the device.

方法與背景

HTML & CSS to Image 的功能說明

將沙盒化的 HTML 與 CSS 預覽渲染成可下載的 PNG 圖片。使用標示清楚的控件來選擇表示方式、方向、檔案類型、排程、查詢或會影響結果的輸出樣式。答案會持續顯示,方便您在複製或下載前先行檢查。

您可以在「程式碼格式化與轉換」分類中找到此工具。用它來格式化、壓縮、編譯或轉換程式碼與結構化文件,並清楚查看相關限制。請將本頁加入書籤,以便日後處理相同任務;當您需要不同的轉換、格式或驗證步驟時,也可使用相關連結。

方法與資料處理方式

HTML 會使用瀏覽器的文件 API 進行解析,或轉換為跳脫文字。預覽模式會先移除腳本、嵌入文件、事件屬性以及作用中的 javascript 網址,再進行算繪;程式碼轉換模式不會執行所提交的標記內容。

一般的輸入會保留在目前的瀏覽器分頁中。NexaCurrent 不會將工作中的文字、原始碼、工作表儲存格、資料庫內容、產生的識別資訊或結果傳送到其伺服器。除非工具明確表示會將設定儲存於本機裝置,否則重設、重新整理或關閉頁面將會清除目前的工作內容。

如何使用 HTML 與 CSS 轉圖片

先輸入一個已知的較小值,選擇方向或格式,然後執行操作。將顯示的結果與預期值進行比對,接著在處理重要資料前,先嘗試反向操作或第二個已知範例。

請在閱讀輸出內容後再使用複製功能。下載動作會在瀏覽器儲存新建立的檔案前顯示檔名,且絕不會覆寫來源檔案。重設功能會還原為範例設定,並移除頁面上目前的輸入、檔案選擇、結果及下載項目。

驗證與疑難排解

空值、無效字元集、格式錯誤的 JSON 或 XML、不可能的範圍、不支援的檔案類型,以及過大的輸入都會以明確訊息予以拒絕。請修正第一個回報的問題,而非重複提交相同的資料。當格式有多種方言時,請選擇相符的選項,並將結果與產生端的官方說明文件或測試向量進行比對。

如果瀏覽器缺少選定工具所需的功能,頁面會回報該限制,而不會將工作內容上傳至其他位置。大型檔案可能會佔用比其儲存大小所顯示的記憶體多出許多。請先從一份副本開始,關閉其他佔用資源的分頁,並在超過文件所述瀏覽器上限的資料上改用桌面工具。

限制與負責任的使用方式

成功的轉換僅能證明所提交的值符合本工具已實作的規則,並不能保證更大的協定、檔案、程式、安全設計或第三方系統會接受該結果。

所產生的測試資料並非身分、憑證、擁有權聲明、已指派的網路資源,也不能保證在所顯示格式之外具有唯一性。使用前請檢視轉換後的程式碼,保留重要資料的原始副本,並在可以使用無害範例測試相同操作時,絕不要貼上真實的秘密資訊。

繼續探索