dark

WordPress使用哪種圖像文件類型

2020年1月23日

[ad_1]

如果您已經運行WordPress網站已有一段時間，那麼您可能想知道哪種圖像文件類型最適合您的網站。您應該使用JPG還是PNG？也許您想使用其他圖像文件類型，例如WebP，但不確定該怎麼做。如果不是那樣，也許您想上傳PSD，AI或INDD圖片並且卡住了。

無論您為什麼在這裡，今天的帖子都將幫助您為WordPress網站選擇正確的圖像文件類型。為什麼需要選擇正確的圖像文件類型？我們也會在帖子中介紹。最重要的是，我們重點介紹了可接受的圖像文件類型，如何添加其他文件類型並介紹了一些WordPress圖像最佳實踐。

如果聽起來不錯，那麼您需要權衡一下並啟航，因為還有很多東西需要學習。

為什麼選擇正確的圖像文件類型至關重要？

選擇理想的圖像文件類型比您想像的要難，我明白了。但是，您必須密切注意使用的文件類型，因為它與網站的性能相關。因此，為什麼考慮選擇的圖像文件類型很重要？

  • 速度和性能–某些圖像文件類型比其他類型佔用更多空間。如果使用大圖像格式，則會降低網站速度並增加伺服器費用。尋找可以保證的淺色圖像 更高的頁面速度和性能 以獲得最佳的用戶體驗（UX）。

  • SEO分數–您知道網頁速度是 直接SEO排名信號？如果您在網站上使用沉重或低質量的圖像，則會錯過更好的UX和相關SEO優勢。選擇高質量且可用於SEO的圖像可為您的頁面打底，以獲得更好的SEO分數。

  • 美學–即使壓縮後，某些圖像格式也會比其他圖像格式更好地保留細節。您想要的圖像格式看起來非常光潔，高質量和專業外觀?每種圖像格式都非常適合特定用途，因此請明智地選擇。

  • 響應式設計–如今，用戶可以在具有不同瀏覽器和屏幕尺寸的各種設備上訪問您的網站。您需要使用大多數瀏覽器都支持的自適應圖像文件類型。最重要的是，您需要在各種屏幕上看起來都很棒的圖像。稍後再詳細介紹。

  • 一致性-為了保持一致性，我們建議您的圖片使用一種主要文件類型。您可以按需使用其他文件格式，也可以根據需要使用其他文件格式，但是一種或兩種格式應該足夠。

除此之外，我們來討論可用的圖像文件類型。

可用的圖像文件類型

許多初學者都隱藏著一個事實，那就是那裡存在著許多圖像格式。是的，有 數百種圖像文件類型 我們需要一本電子書來涵蓋所有內容。不過不要擔心；我們只關注最適合WordPress網站的圖片格式。

圖像格式分為兩大類：光柵圖像和矢量圖像。

光柵圖像由一系列像素構成以形成圖像。由於這個原因，光柵圖像通常在壓縮或拉伸時會失去解析度。三種流行的圖像格式（JPG，PNG和GIF）是光柵圖像，占您在線上看到的所有照片的大部分。

另一方面，矢量圖像是使用數學公式而不是像素構造的，這意味著只要頻繁調整大小，它們就會更加靈活。流行的矢量圖像類型包括Adobe的EPS（封裝的PostScript），SVG（可縮放矢量圖形），PDF，WEBP和Adobe Illustrator的AI格式等。

對於常規網站，請使用光柵圖像。同時，您可以創建徽標的矢量圖像以及其他需要頻繁編輯和調整大小的圖像。理想情況下，您應先在WordPress網站上使用所有矢量圖像，然後再將其轉換為光柵圖像。

為什麼？

因為光柵圖像更亮並且受所有瀏覽器支持，所以您應該選擇JPG或PNG。如果需要動畫，則可以使用GIF格式。現在，我們只剩下數百種圖像格式中的三種。

這就引出了一個問題：但是WordPress支持哪些圖像文件類型？

可接受的圖像文件類型

根據 法典，WordPress默認情況下接受JPG，JPEG，PNG，ICO和GIF圖像格式。如果您感到困惑，JPEG就是JPG，而ICO是您用於圖標的圖像格式。在WordPress網站上，圖標通常用於您的收藏夾圖標，而不是帖子或頁面中的圖像。

默認情況下，您只能將JPG和PNG上傳到您的頁面和帖子。如果出於任何原因想要添加其他圖像文件類型，則可以使用諸如 WP額外文件類型。如果您不喜歡插件，則可以將以下代碼添加到wp-config.php文件中。

define（’ALLOW_UNFILTERED_UPLOADS’，true）;

對於替代方法，將以下代碼添加到您的functions.php文件中：

<？php add_filter（'upload_mimes'，'my_myme_types'，1，1）; 函數my_myme_types（$ mime_types）{   $ mime_types['svg'] ='image / svg + xml'; //添加.svg擴展名   $ mime_types['json'] ='application / json'; //添加.json擴展名      未設置（$ mime_types['xls'] ）; //刪除.xls擴展名   未設置（$ mime_types['xlsx'] ）; //刪除.xlsx擴展名      返回$ mime_types; }

上面的代碼將添加對SVG和JSON擴展的支持。如果您想為其他圖像格式添加擴展名，請相應地編輯以上代碼。要了解更多信息，請查看 如何在WordPress中上傳其他文件類型。

如果您在添加新文件類型時遇到問題，請先與您的託管服務提供商聯繫，因為它們可能會有限制。除此之外，哪種圖像文件是最好的格式？

最好使用哪種圖像文件類型？

在以下部分中，我們考慮三種最流行的網站圖像格式。我們介紹了JPG，PNG和GIF，突出了各種用途的最佳格式。讓我們從JPG開始。

JPG格式

JPG（也稱為JPEG）代表聯合圖像專家組。 JPG圖像非常適合高壓縮級別，並且可以顯示數百萬種顏色，使其非常適合照片和色彩鮮艷的圖像。

此圖像格式支持有損壓縮，優化後會導致圖像質量略有下降。但是，您可以控制壓縮級別，以確保獲得最佳質量和性能。 JPG圖片不支持透明背景。

PNG

PNG是可移植網路圖形的可移植網路圖形的縮寫，一種最初用於在Internet上傳輸圖像的圖像格式。 PNG圖像可顯示數百萬種顏色，但它們可能比JPG重。它們非常適合用於標識品牌的屏幕截圖，徽標，信息圖表和主標題圖形。

PNG支持無損壓縮，這意味著優化期間不會丟失任何數據。這樣，壓縮後的PNG圖像比JPG圖像更清晰和清晰。此外，PNG圖像文件類型支持透明背景。

GIF

GIF是「圖形交換格式」的縮寫。這是一種既支持動畫圖片又支持靜態圖片的圖片格式。您在社交媒體上看到的大多數動畫都是GIF圖片。與JPEG和PNG不同，GIF圖像文件類型僅支持256種顏色，因此不適合彩色照片和其他帶有顏色漸變的插圖。

GIF使用無損壓縮來減小文件大小而不會損失視覺質量。最重要的是，GIF支持文本標籤和透明背景，這使得該格式非常適合簡單的動畫和低解析度視頻。

那麼，在這三個中，您應該使用哪一個？這完全取決於您的需求。 PNG非常適合徽標，屏幕截圖，圖表，信息圖表和高質量的品牌形象。 JPEG非常適合您網站上的小圖像以及色彩鮮艷的照片。 GIF對於動畫和簡單的視頻來說是驚人的。

但是，如果最終不小心使用圖像，則選擇圖像文件類型是不夠的。在以下部分中，我們將發現一些WordPress圖像最佳實踐和技巧。

WordPress圖像最佳做法

請遵循以下圖像最佳做法和提示，以充分利用圖像。我們簡要介紹了圖像大小，最大上傳大小，圖像SEO，優化以及如何使用Google Analytics（分析）告知WordPress圖像策略等領域。

圖片尺寸

我們已經確定您使用的圖像大小會影響網站的速度。因此，您應該以使用淺色圖像為目標。同時，在嘗試創建淺色圖像時不要放棄視覺質量，這意味著您在壓縮時需要格外小心。

最重要的是，請勿使用HTML或CSS調整圖片大小。如果您需要300px x 300px的圖片，請不要使用400px x 400px的圖片。此外，選擇 高質量WordPress託管，實施緩存和CDN，以提高您的網站速度。

最大上傳大小

有時，出於某種原因，您可能需要使用較大的圖像文件。但是您可能無法上傳文件，因為WordPress的默認上傳大小為2MB。不過請放心，因為您可以快速增加最大上傳大小。

CLoudways文件上傳大小

在許多情況下，託管服務提供商會提供一個內置設置，您可以編輯該設置以自己增加文件上載的大小。例如，在 雲道 您只需要登錄到您的帳戶，導航到「伺服器管理」，然後選擇「設置和軟體包」部分（如上所示）。您可以在此處通過編輯允許的MB大小來手動增加文件上傳大小的限制。

但這可以而且確實因主機而異。 GoDaddy使用其C面板Media Temple中的一個選項，您必須修改php.ini文件，而使用WP Engine時，您需要聯繫其支持團隊以請求增加。

圖片搜索引擎優化

除了傳遞消息並使您的網站看起來不錯以外，您是否知道可以使用圖像提高SEO分數？那就對了;您可以使用 圖片搜索引擎優化 為您的網站帶來更多流量。怎麼樣？對於初學者，請適當命名圖像。例如，使用「 how-to-image-seo.png」代替「 picture001.png」，依此類推。最重要的是，上傳後在所有圖片中添加替代文本。藉助替代文字，搜索引擎和屏幕閱讀器可以「查看」您的圖像。

有用的WordPress圖像優化插件

藉助插件，WordPress相當易於使用。在上傳之前使用圖像處理軟體（例如Photoshop）優化圖像很有幫助，但您可以利用 插件來優化您的圖像 上傳後。

著名的WordPress圖像優化插件包括 m， EWWW圖像優化器和 想像一下等等。選擇最適合您需求的插件，因為每個插件都有一套獨特的功能。

使用Google Analytics

一切都說完了，您就想提供可能的最佳用戶體驗。為此，您必須了解訪問者及其訪問網站所使用的設備。這樣，您可以選擇理想的圖像格式和大小。例如，如果您的大多數訪問者都使用Apple Safari瀏覽器，則您需要為 在WordPress中使用WEBP圖像文件。

就速度，UX，網站性能，SEO和一致性而言，為您的WordPress網站選擇理想的圖像文件類型至關重要。

您不能承擔起無人看管的問題，因為當您制定良好的圖像策略時，您將受益。您的樣式指南應向所有用戶提供圖像指令。

最後，壓縮和優化圖像以在質量和性能之間達到完美的平衡。

您對圖像文件類型有疑問嗎？讓我們在下面的評論部分中知道！

相關文章