SVG 縮放 / viewBox 編輯器

變更 SVG 寬度 / 高度 / viewBox，不失真。

是否曾經需要調整 SVG 圖示的大小以適應新的網站版面，或將標誌縮放用於印刷專案，卻不希望它變得模糊不清？我們的 SVG 縮放器是完美的解決方案。由於 SVG 是向量圖形，它們可以縮放到任何尺寸，而不損失任何像素品質。這個免費的線上工具讓您能立即變更 SVG 檔案的寬度、高度和 viewBox，確保它們在您使用的任何地方都看起來清晰銳利。

我們的 SVG 縮放器如何運作

使用這個工具非常簡單。只需上傳您的 SVG 檔案，您就會看到輸入新寬度和高度（以像素為單位）的選項。您可以指定一個尺寸，讓工具自動計算另一個尺寸以保持長寬比，或者您可以同時設定兩個尺寸以獲得自訂尺寸。該工具還允許您直接修改 viewBox 屬性，讓您精確控制圖形的可見區域。一旦您對變更感到滿意，就可以立即下載重新縮放後的 SVG。

何時使用此工具

這個工具對於各種任務都非常有價值。網頁開發人員和設計師經常需要調整圖示和標誌的大小，以適應響應式版面。例如，一個標誌在桌面版頁首可能需要 150px 寬，但在行動版導覽列中可能只需要 40px。它對於準備印刷用圖形也至關重要，您可能需要將一個小的網頁標誌放大用於大型橫幅。如果您正在建立一組 UI 元素，可以使用這個縮放器從單一主檔案生成不同尺寸，為您節省大量時間和精力。我們有一整套 SVG 向量工具來協助您的工作流程。

完美 SVG 縮放的小技巧

為獲得最佳效果，請記住以下提示：

保持長寬比：對於大多數標誌和圖示，您會希望保持原始比例。只需輸入新的寬度或高度，工具就會自動計算另一個值，以防止變形。
了解 viewBox：viewBox 就像一個通往 SVG 畫布的視窗。調整它可以成為裁切或重新構圖影像的強大方法，而無需更改底層的向量路徑。
為不同用途做好準備：一旦您的 SVG 尺寸完美，您可能需要其他格式。考慮使用我們的 SVG 轉 WebP 轉換器用於網頁，或使用 SVG 轉 PDF 工具用於文件。
探索更多選項：別忘了查看我們完整的工具集合，滿足您所有圖片和文件轉換的需求。

常見問題

如何在不損失品質的情況下調整SVG大小？

SVG是向量圖形，因此您可以無限調整大小而不損失品質。我們的工具會更改SVG代碼中的寬度和高度屬性，以數學方式縮放圖像，而不是產生像素化。

我可以在CSS中更改SVG的寬度和高度嗎？

可以，您可以使用CSS設定SVG的尺寸，這對於響應式設計非常實用。此工具會直接修改檔案程式碼，適合設定永久預設尺寸，或在無法使用CSS的環境中使用。

What is the difference between SVG height/width and viewBox?

The width and height attributes define the final display size of the SVG. The viewBox attribute defines the coordinate system and aspect ratio of the graphic's contents, acting like a window or crop on the image.

調整 SVG 或 PNG 的大小哪個比較好？

對於標誌和圖示等圖形，調整原始 SVG 的大小總是比較好。調整 PNG（一種點陣圖格式）的大小會導致其在放大時變得模糊或出現像素化。

如何讓 SVG 檔案變得更小？

調整 SVG 的尺寸通常不會改變其檔案大小。要減少檔案大小，您需要簡化向量路徑並移除不必要的程式碼，這需要使用 SVG 最佳化工具。

我可以將SVG調整為特定長寬比嗎？

可以。透過在工具中同時輸入新的寬度和高度，您可以強制將SVG調整為所需的任何長寬比，但這可能導致圖像看起來被拉伸或壓扁。

這個工具是否適用於行動裝置？

當然。我們的 SVG 調整大小工具是一個基於網頁的工具，可在任何使用現代瀏覽器的裝置上運作，包括桌上型電腦、平板電腦和智慧型手機。