SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

SVG(Scalable Vector Graphics)是一種可縮放的向量圖形格式,可以直接在瀏覽器檢視其圖像。它使用 XML 來描述圖形,而 XML 本質上就是一種普通的文字格式,當使用文字編輯器開啟 SVG 檔案時,便會看到其中的描述語言。SVG格式的一個重要特點是,不論是放大還是縮小圖片,都不會導致圖像失真。雖說,使用文字編輯器就可以調整 SVG 圖檔,但畢竟沒有專業工具來的方便,

SVGViewer 是一個很實用的線上 SVG 檢視器,使用者可以直接上傳 SVG 圖檔或是貼上 SVG 的 XML 描述文字,便可以查看該 SVG 圖像,除此之外,SVGViewer 還可以對圖像進行方向旋轉、調整尺寸、最佳化及美化,有效減少 SVG 圖檔大小,另外,亦可轉檔為 PNG 圖片格式,或是轉換成 React、React Native 使用的 JSX 格式,非常方便。如果想要分享 SVG 檔案,也有提供產生分享鏈結功能。

§相關文章,還可以參閱:

如何使用 SVGViewer 線上工具檢視、調整及最佳化 SVG 圖檔?

1.進入 SVGViewer 網站,可以點擊「upload」按鈕上傳自己的 SVG 檔案,亦可以搜尋網站所提供的 SVG 圖檔。

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

2.透過搜尋功能,使用 line 圖示進行說明。

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

3.透過工具列,可以旋轉、翻轉、尺寸調整、最佳化及美化圖形。

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

4.開啟設定按鈕,可以勾選要精簡的圖形屬性。

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

5.最後,可以透過下方的「Download」按鈕來下載,或使用「Share」來分享。

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

6.SVGViewer 提供轉 PNG 及 React、React Native 使用的 JSX 格式。

SVGViewer 線上旋轉、調整尺寸及最佳化 SVG 圖形,還可轉檔 PNG 或 React 格式

使用 SVGViewer 線上 SVG 編輯工具,無須註冊,亦無使用次數限制,唯一要注意的就是若要運用網站所提供的 SVG 圖檔,須注意授權說明。

模糊相片中的背景,會讓主角看起來更有立體感,具有凸顯相片中主角的效果,這樣的效果在使用手機拍照時,可以選擇使用「景深」功能來聚焦在主角。前述是在拍照當下,如果是想要後製相片背景模糊效果,不論是網路應用程式或移動設備 APP 都有很多選擇,另外一個選擇,就是直接使用內建在 Windows 作業系統中的「相片」應用程式。