透過縮緊 viewBox 或點陣化為 PNG 裁切 SVG 圖示與插畫,誠實面對向量格式特性,100% 瀏覽器處理。
上傳圖片
拖放或點擊上傳
支援 PNG、JPG、WebP、GIF、BMP
將 .svg 檔案拖曳到頁面,或點擊瀏覽選取,會以瀏覽器原生 SVG 引擎繪製到 Canvas。
在繪製出的 SVG 上拖曳裁剪框,選取想保留的可見區域。
預覽會以目標輸出解析度顯示裁切後的 SVG,匯出前可先確認銳利度。
點擊下載,預設輸出為裁切區域的 PNG 點陣圖;選 SVG 模式則會下載 viewBox 已更新的向量原檔。
取決於模式。預設輸出為裁切區域的點陣化 PNG,方便直接放入大多數應用程式;切換為 SVG 模式時,本工具會更新根節點的 viewBox 與 width/height,讓檔案維持向量格式,且裁切範圍成為新的畫布。
點陣裁切只是丟棄像素;SVG 裁切則必須 (a) 透過修改 viewBox 限制可見範圍,原本所有 path 仍保留在檔案中,或 (b) 將可見範圍點陣化為 PNG。本站兩種模式都支援;除非選擇 PNG 輸出,否則新 viewBox 之外的 path 不會被刪除。
可以。上傳 .svg 後拖曳裁剪框框住符號,再選擇縮緊 viewBox(保持向量,適合做圖示字型)或匯出 256×256 PNG,給不支援 SVG 的場景使用。
匯出為 PNG 時會保留 — 漸層、不透明度與羽化筆觸的呈現與 Chrome 完全一致。SVG viewBox 模式下,由於 <defs> 區塊不會被改寫,漸層色標與 Alpha 通道完全不受影響。
網頁使用建議匯出顯示尺寸的 2× 為甜蜜點(例如 256px 版位輸出 512px PNG),在 Retina 螢幕上仍能保持銳利。印刷則以最終尺寸 300 DPI 為基準計算,例如 4 吋寬的成品需要 1200px 寬的 PNG。