SVG 到 CSS 和資料 URI 工具 SVG 到 CSS 和資料 URI 工具

在線 SVG 到 CSS、掩碼和資料 URI

貼上 SVG 或載入檔案以安全地清理標記、刪除腳本並準備緊湊的資料 URI。

該工具檢查 viewBox、尺寸、當前顏色、填充和描邊,然後產生用於背景圖像、蒙版和內聯嵌入的現成 CSS 片段。

該工具直接在瀏覽器中執行,無需安裝軟體即可進行快速檢查。
輸入可以立即清除並重新計算,這對於重複的小任務很有用。
當您需要更多空間來容納長文字、結構化資料或大型結果區塊時,請使用全螢幕模式。
產生的輸出上提供複製按鈕,因此可以在程式碼、檔案或支援聊天中重複使用結果。
大多數的操作都是確定性:相同的輸入和選項會產生相同的輸出。
對於敏感內容,最好使用本機瀏覽器工具並在進一步分享之前查看結果。

Supported formats

This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.

SVG
SVG

A damaged file or a non-standard codec can still fail even when the extension is supported.