縮小圖像大小的 10 種方法
已發表: 2018-02-15我們都喜歡擁有一個擁有高質量圖像的網站來吸引讀者的注意力，對嗎？
如果您有一個提供服務、銷售產品或使用博客的頁面； 您肯定有幾十張圖片：例如，在文章、靜態頁面或產品中。
在談論網站圖片時，我們不必只考慮要添加的圖片數量。 我們還應該考慮它們的大小以及這些文件將在服務器上使用的空間。
出於這個原因，在本文中，我們將討論可用於減小我們將在網頁、博客或電子商務中使用的圖像大小的十種工具。
- 1 · 為什麼要縮小網站上的圖片大小？
- 2 · 十種縮小網站圖片大小的工具
- 2.1 1) 短像素
- 2.2 2) EWWW 圖像優化器
- 2.3 3)壓縮JPG e PNG
- 2.4 4) Compressor.io
- 2.5 5) 優化
- 2.6 6) WP Smush
- 2.7 7) Kraken.io
- 2.8 8) Imagify 圖像優化器
- 2.9 9) Photoshop
- 2.10 10) 暴動
- 3 ·如何上傳圖片到Mailrelay
- 3.1相關帖子：
· 為什麼要減小站點上圖像的大小？
在我開始討論這些工具中的每一個之前，我想解釋減小站點圖像大小的重要性。
如今，網站速度非常重要，也就是說，它們只需幾秒鐘即可加載（理想情況下，少於 3 秒）。
出於以下三個原因，正確優化您網站的圖像至關重要：
- 圖片大小會影響網站的加載速度，我們剛剛看到了擁有快速網站的重要性。
- 加載時間是影響 SEO 的主要因素之一。 速度快的網站在 Google 中的排名會比速度慢的網站好（總有例外，但這是一般規則）。
- 網站圖片需要適應頁面的寬度。 舉個例子，我經常看到許多頁面使用比可用空間大得多的圖像。 如果空間為 300px 寬，管理員不應上傳 1000px 的圖片。 這是許多網頁上的常見錯誤。 我的建議是調整您網站上所有圖像的大小。
· 縮小網站圖片大小的十種工具
1) 短像素
此工具的目標是提高我們網站的性能，減少圖像的大小。
它有 Web 版本和 WordPress 插件，提供三種類型的照片壓縮：
- 有損壓縮。 它是大多數用戶的最佳選擇。 此選項允許在優化和圖像質量之間取得平衡。
- 光面壓縮。 如果您正在尋找專注於 Google Insights 的工具，但不擔心加載速度，這是最佳選擇。 此選項允許具有圖像質量的可接受的壓縮。 文件壓縮得越多，最終的圖像質量就越受到影響。
- 無損壓縮。 與原始圖像相比，最後一個選項允許您壓縮每個像素的圖像像素，但與使用這兩個選項處理的文件相比，壓縮量要小得多。
ShortPixel 的網絡版允許您批量縮小 50 個文件的圖像。
至於WordPress插件，它非常好用，而且非常輕巧。 您只需要安裝它，插件就會一鍵壓縮您網站的所有圖像以及您的 PDF 文件。
此外，您上傳的新圖像將自動調整大小，無需任何進一步操作。
最後，我們必須說明它是一個“免費增值”工具。 也就是說，您每月可以免費壓縮 100 張圖像。 如果您超過該金額，它會提供多個付費計劃。
https://shortpixel.com/
ShortPixel 圖像優化器
2) EWWW 圖像優化器
它是一種旨在優化網站圖像的工具，但在這種情況下，針對使用共享主機的網站。
與 ShortPixel 的情況一樣，EWWW 圖像優化器有一個網絡版本和一個 WordPress 插件以及幾個付費計劃。
EWWW Image Optimizer 允許您提高頁面的加載速度，優化您網站上的所有圖像。
這種速度的提高可以幫助您在搜索引擎中獲得更好的位置，並提高轉化率（例如，增加銷售額或新訂閱者）。
EWWW Image Optimizer 可以自動優化您上傳的所有圖像。 它還可以優化服務器上已經託管的所有圖像。 此外，還可以將所有文件轉換為最佳推薦格式。
至於壓縮選項，您可以選擇按像素壓縮或高壓縮選項而不會降低質量。
https://ewww.io/
EWWW 圖像優化器
3)壓縮JPG e PNG
該在線工具將允許您壓縮最多包含 20 張 JPG 和 PNG 圖像的批次。
它的使用非常簡單：只需上傳或拖動文件即可。 當它們準備好後，您只需單獨下載壓縮圖像或壓縮為 ZIP 文件。
http://compressjpeg.com/es/
4) Compressor.io
當我需要壓縮一些圖像以上傳到我的頁面時，它是我最喜歡的工具之一。
在compressor.io中可以找到，使用非常簡單。 您只需要加載或拖動要壓縮的圖像，等待該過程完成（只需幾秒鐘）並下載壓縮文件。
此外，該過程完成後，該工具將顯示與原始圖像相比的壓縮百分比。
請注意，它允許您以四種不同的格式壓縮文件：JPEG、PNG、GIF 和 SVG。
5) 優化
它是一款在線圖像優化軟件，它使用不同壓縮算法的智能組合來減小JPEG和PN格式的圖像大小，保持文件的質量。
它允許您一次處理多達 20 張圖像，控制壓縮並比較圖像。
http://optimizilla.com/es/
6) WP Smush
這是一個 WordPress 插件，我總是安裝在我的網站上。 該插件的正確名稱是 Smush Image Compression and Optimization。
使用此插件，您將能夠調整大小、優化和壓縮所有圖像，包括您導入的圖像和在安裝插件之前添加到站點的圖像。
在我看來，這個插件的最佳功能是它允許您為所有圖像設置默認寬度和高度。 如果它們超過這些尺寸，插件將自動減少文件。
此外，它還有一個具有額外功能的付費版本，例如可以選擇同時壓縮更多圖像或保存所有原始圖像的備份。
Smush – 延遲加載圖像、優化和壓縮圖像
7) Kraken.io
Kraken Image Optimizer 是一個在線版本的工具，但它也有一個適用於 WordPress 或 Magento 的插件。
此工具的主要優點是對於需要： 減少帶寬和空間使用量的用戶，這將改善網站的加載時間。
該插件允許您優化和調整新圖像以及已存儲在服務器上的圖像的大小。
本軟件支持 JPEG、PNG 和 GIF 文件，文件最大為 32 MB。
https://kraken.io/
Kraken.io 圖像優化器
8) Imagify 圖像優化器
與之前的其他工具一樣，Imagify 可用於 WordPress 的 Web 版本和插件。
使用此插件，您將能夠： 提高站點的加載速度，節省圖像優化任務的時間並檢查您正在使用的文件的質量。
該插件只需單擊一下即可壓縮和調整您的 WordPress 庫的大小，並且還與其他選項兼容，例如 WooCommerce 和 NextGen Gallery。
https://imagify.io/
Imagify – 優化您的圖像並轉換 WebP
9) Photoshop
為了結束我對這十種壓縮圖像的工具的回顧，我將討論兩個軟件。
如果您喜歡在 Adobe 環境中工作，Photoshop 可以選擇優化用於網站的圖像。
具體來說，您會在“保存到網絡”或“導出到網絡”中找到此功能，它允許您選擇圖像的尺寸、質量和格式。
您只需要根據需要調整圖像並下載壓縮文件即可。
10) 暴動
最後，我想談談 RIOT，這是一款可以讓您在圖像質量和大小之間取得正確平衡的軟件。
此工具可讓您更快地檢查壓縮文件的質量，因為其面板分為兩部分：原始圖像區域和優化版本區域，以便您可以並排檢查差異。
至於格式，它允許壓縮 JPG、GIF 和 PNG 文件。 它可以使用六種不同的算法更改圖像的大小。
· 如何將圖片上傳到Mailrelay
現在您已經了解了這十種壓縮和優化圖像的工具，我想解釋一下如何逐步將這些圖像上傳到您的 Mailrelay 帳戶並將它們包含在您的通訊中。
您應該知道的第一件事是 Mailrelay 是一個電子郵件營銷軟件，它允許您發送新聞通訊和管理您的郵件列表。 您可以將要使用的圖像直接上傳到您的帳戶，但我將向您展示如何使用 CMS 平台或博客來執行此操作。
從這個意義上說，我建議您在外部託管要在時事通訊中使用的圖像。 所以現在，我將解釋如何將它們導入您的 WordPress。
您應該做的第一件事是訪問您網站的媒體庫或博客。 在這裡，您可以管理上傳到您網站的所有圖像，還可以添加新文件。
下一步是導入您的圖像，一旦它們使用我們在上一節中展示的一些工具進行了優化。
您可以通過單擊“添加新的”並在您的計算機上選擇它們來直接拖放它們。
加載圖像後，您可以選擇它以打開其詳細信息。
將鼠標懸停在圖像上，右鍵單擊，然後選擇“複製圖像地址”選項。
使用圖像的確切 URL，打開您的 Mailrelay 帳戶並創建一個新的時事通訊。 如果您已經創建了消息，只需編輯它並包含圖像。
要添加它，請單擊“圖像”按鈕，您將看到以下屏幕：
在此窗口中，您可以管理圖像的屬性。 要添加新地址，只需粘貼您在上一步中復制的地址即可。 執行此操作時，您將看到要導入的圖像。
你可以配置什麼圖像屬性？
- 替代文本。 這是當圖像未正確加載時用戶將看到的文本。 根據電子郵件軟件的不同，可能會發生圖像加載不成功的情況。 我們建議添加您的站點 URL 以避免出現問題。
- 大小（以像素為單位的寬度和高度）。 在這裡，您應該插入圖像的大小。 我的建議是它的寬度不要超過 600 像素，以便在智能手機上正確顯示。 其實如果能用400或者500px的寬度就更好了。
- 邊緣。 以像素為單位的邊框大小。 我通常將此字段留空，但如果要添加邊框，則必須在此選項中進行配置。
- 水平和垂直空間。 您可以以像素為單位配置圖像的水平和垂直空間。
- 結盟。 選擇圖像的左對齊或右對齊。
根據您的時事通訊的設計進行設置後，您將得到如下內容：
現在，您只需單擊“接受”按鈕即可在時事通訊中插入您的圖片。
我希望這篇關於壓縮圖像的 10 種工具的評論會有所幫助。 您只需選擇最適合您需求的選項。
在結束這篇文章之前，我想強調優化所有圖片以減少網站加載時間及其在 Google 上的排名的重要性。
畢竟，我確定您希望出現在主要關鍵字的第一頁。