如何將SVG圖片安全地上傳到WordPress

將SVG文件上傳到WordPress時遇到問題？不用擔心，這是一個常見問題，因為WordPress默認情況下不支持上傳SVG，這主要是出于安全考慮。今天我們將來詳細說說這個問題以及處理方法。

什么是SVG？

SVG（可伸縮矢量圖形）是基于XML文本的矢量圖像格式。JPG和PNG這些常見圖像格式是由非常多的稱為像素的微小正方形組成的，但SVG格式依賴于XML標記來描述線條、形狀和其他圖像屬性。

SVG直到最近幾年才開始流行，盡管它從90年代就已經存在了。W3Techs的統計數據顯示，截至2020年3月，所有網站中只有22.7％使用SVG。但是，隨著開發(fā)人員和網站所有者試圖滿足當前對可伸縮性和快速加載速度的需求，該數字可能會增加（我們將在后面解釋原因）。

SVG的另一個優(yōu)點是它具有廣泛的支持，并且可以在所有主流瀏覽器（例如Chrome，Firefox，Safari和Android版Chrome）上正常運行！

不幸的是，使用IE8或更早版本的Chrome和Safari的人可能會遇到問題，因為該格式不再支持這些瀏覽器。但這對網站管理員來說應該不是問題，因為大多數人已經不再使用這些過時的瀏覽器。

為什么應該更普遍地使用SVG？

許多人仍然不熟悉SVG格式，因為它不像像素圖形那樣成熟。但是事實并非如此，因為這種圖形格式具有很多好處。

SVG的第一個突出優(yōu)點是它的可伸縮性。由于SVG基于矢量，因此它們在所有屏幕分辨率下均保持相同的質量。

如果JPG文件在一個特定的設備上由于大小不夠而顯得模糊，則SVG仍然看起來非常清晰。您甚至可以隨意放大和縮小而不會損失任何質量。當為您的所有網站訪問者創(chuàng)建相同的高質量用戶體驗時，此特定功能確實很有幫助。

SVG也以文件較小而聞名。因此，它們占用的Web存儲空間更少，并且加載方式比像素圖像更快。但是有一個陷阱-如果您拍攝足夠詳細的圖像并將其轉換為SVG，則它將比JPG或PNG占用更多的空間。

為什么這樣？好吧，這是因為SVG的文件大小取決于圖像的復雜程度。圖像越詳細，文件越大。這就是SVG更適合徽標和圖標的原因。如果要在您的網站上顯示非常詳細的圖像（如照片），則JPG和PNG就是更好的方法。

對于網站管理員來說，另一個很棒的功能是Google對SVG進行索引。所有這種格式的圖像都將顯示在Google圖像搜索中，這將大大提高您的網站的SEO。

SVG不屬于WordPress核心

有這么多優(yōu)點，為什么SVG不常見？WordPress為什么不允許您輕松上傳SVG？

WordPress仍未將SVG作為其核心（默認文件）的一部分的主要原因是由于其帶來的安全風險。

由于SVG基本上是文本文件，因此人們可以通過插入惡意代碼來輕松利用它們。結果，您的站點遭受了注入攻擊，這可能導致災難性的站點黑客攻擊。非常嚇人，是嗎？

這就是為什么在處理SVG文件時需要小心的原因。如果要將SVG上載到WordPress，以正確的方式進行操作非常重要-尤其是要上傳從未知來源免費獲得的SVG文件時。

防止有害代碼的解決方案是清理SVG文件的惡意代碼。此過程消除了可疑的代碼和錯誤，使圖像對您的網站安全。隨意將未知來源的SVG上傳到WordPress可能會導致嚴重的后果（例如網站被黑客入侵和服務器崩潰）。

關于使SVG成為WordPress核心功能的一部分的討論仍在進行中。因此，我們目前需要采用一些額外的操作來將SVG上傳到WordPress。

如何將SVG文件安全地上傳到WordPress

安全地將SVG文件上傳到WordPress的最佳方法是使用Safe SVG，該插件可自動清理上傳的SVG文件。此外，它還可以預覽媒體庫中的SVG文件，因此您可以輕松地將它們添加到文章中。

這個WordPress插件還具有一個專業(yè)版，該版本允許限制可以上傳SVG的用戶。對于具有多個貢獻者的網站，此功能非常有用，因為您可以將訪問權限限制為信任的人。

專業(yè)版還包括SVGO優(yōu)化服務器?，它使您可以減少文件大小和獲得高級支持。

你可以在 https://wordpress.org/plugins/safe-svg/ 下載該插件，當您安裝并激活插件時，無需進行任何設置調整。它僅允許SVG上傳，同時自動清理可能存在的惡意代碼。

下面是一個示例，我們在安裝Safe SVG之前嘗試上傳SVG圖像。如您所見，由于安全問題，WordPress不允許這樣做。

但是在安裝Safe SVG之后，我們可以輕松上傳它。而且，我們甚至可以看到圖像的預覽。

就是這樣！事實證明，將SVG文件上傳到WordPress并不困難，對吧？

總結

SVG對于您的WordPress網站具有許多優(yōu)勢。但是，由于其文本格式，人們可能會插入一個注入代碼并使您的網站容易受到攻擊。這是WordPress默認情況下不允許其用戶上傳SVG的主要原因。

而我們可以通過 Safe SVG 插件來上傳SVG文件并同時刪除所有惡意代碼。

在 Safe SVG 插件的幫助下，盡管它非常安全，但我們還是建議您務必小心。如果要下載任何免費的SVG圖像，請始終檢查它們是否來自受信任的可靠來源。注意安全！在這里推薦大家到 https://www.iconfont.cn/ 下載SVG圖標。