[ad_1]
網路上的人沒有太多時間來消費資料-因為後者太多了。 數據太多，我們根本沒有時間閱讀所有數據！ 作為現代Web的內容策展人，您的任務是最大程度地提高吞吐量。 您用較少的詞表達的越多，您的工作就越好。
為什麼圖像（如此非常）重要？
您會（和應該）在帖子和文章中使用圖片的原因有很多，原因很多：
- 圖像用作號召性用語（CTA）的視覺刺激。 CTA可以是您希望訪客執行的任何任務。 常見的CTA包括訂閱您的新聞通訊，通過社交媒體分享您的文章或購買您的產品。
- 圖像增強了作者尋求與讀者建立的聯繫。
- 圖像傳遞的內容更少。
因此，最重要的是我們在演示文稿中使用正確的圖像（博客文章，非正式報告，實際的PowerPoint演示文稿等），以便在讀者心中留下印記！
可是等等！ 有問題！
圖片佔據了現代網站所使用帶寬的63％左右，因此對其進行適當的速度優化變得越來越重要。
頁面載入時間延遲一秒可能會使轉化率降低7％
我們已經確定人們關注的時間很短（現代內容生產速度的缺點之一）。 即使您使用正確的圖像，如果它們沒有在可接受的時間內載入，也會失去興趣。
大多數網站都存在相同的問題-它們使用的是精美的圖片，但是將圖片提供給訪問者的方式很糟糕。 大尺寸，最差的優化，錯誤的格式，不必要的大尺寸（尺寸），無響應的圖像和粗心的SEO錯誤是現代Web面臨的一些最常見問題。 在今天的文章中，我們將為您提供10個簡單的圖像優化技巧，您可以使用這些技巧來避免這些問題。
1.調整大尺寸圖像
「炸薯條」並不總是很好
這是經典。 假設您的網站「團隊」頁面中需要一張150×150像素的照片。 通常，您將使用5MP頭像，對其進行一點編輯然後最後上傳。
你發現問題了嗎？ 有些人直接上傳實際的5MP圖片！ WordPress主題將載入整個5MP圖像（即5 x 10 ^ 6像素），並要求瀏覽器將其縮小到150x150px的所需尺寸。 本質上，瀏覽器僅顯示原始圖像的0.0045％！
您最終浪費了您和訪客的帶寬（即使您是通過諸如 堆棧路徑CDN），消耗更多的硬碟空間並增加載入時間。 這些功能都不是您網站上想要的。
始終將圖像調整為所需的尺寸（通過調整尺寸，我的意思是縮小尺寸），然後上傳！
您不需要精美的軟體即可執行此操作–有免費的在線工具，例如 ImageResize.org 您可以用來快速調整大小和優化圖像。 只需上傳並調整您的照片設置即可。 完成後，下載優化的圖像以在您的網站上使用。 他們還提供了一個快速 圖像壓縮器 如果您只想縮小文件大小。
有用的工具：
- IrfanView 是一款出色的免費軟體，可使用優化，水印和邊框等高級選項批量調整圖像大小。
- 圖像魔術 是高級的開源工具，可以在多種編程語言和操作系統中使用。 您可以編寫自己的應用程序，也可以僅通過命令行使用它。
- 圖像優化 （Mac）可讓您拖動整個文件夾並快速優化多個圖像。
- 小小PNG 是帶有API的在線圖像壓縮工具。
2.使用正確的圖像格式
圖片使用的格式 起著至關重要的作用。 通常，將PNG用於矢量圖形和計算機生成的圖像（如剪貼畫等）。將JPEG用於照片或具有多種顏色的圖像。 有關詳細說明，請查看此 很棒的StackOverflow答案。
3.使用漸進式JPEG
基準JPG與漸進JPG
對於普通人來說，JPEG有兩種類型-基線和漸進式。 在視覺上，兩者是相同的。 區別在於它們的載入方式：
- 基準JPEG只有一層-包含整個圖像。 根據要求，一次載入整個圖像。
- 漸進式JPEG組成多層圖像。 逐行載入漸進式JPEG圖像，其質量會逐漸提高，最終為您提供無損的視圖。
IrfanView支持逐行JPEG批量轉換
所有主要的圖像大小調整器都允許您將圖像另存為漸進JPEG。
4.啟用延遲載入
延遲載入 是一種出色的資源節省技術，其中僅當訪問者向下滾動到圖像的視角時才載入圖像。 考慮一篇文章-「 2014年15種最省油的汽車」。 當然，本文將至少包含15張圖片。 而且，無論顯示設備（顯示器，平板電腦或智能手機）的高度如何，都無法將15張圖像全部容納在視野中。 您必須向下滾動才能查看所有圖像。
啟用延遲載入後，僅當訪客在圖像附近時才會載入圖像。 換句話說，圖像只是在您向下滾動查看時才開始載入。 但是，由於您已經在視圖框中，因此前幾張圖像會立即載入。 延遲載入節省了兩端的帶寬並縮短了載入時間！ 您可以將WordPress中的延遲載入與 BJ延遲載入插件。
5.添加CDN
使用內容傳送網路（CDN）將從物理上最接近訪問者位置的伺服器提供圖像。 如果來自印度的訪客要求提供圖像，並且CDN在東京和紐約擁有POP（存在點，或僅是伺服器），則將從位於東京的伺服器提供圖像。
當流量很大時，您應該使用WordPress設置CDN，以減少載入時間並獲得整體性能。
在WPExplorer，我們使用 雲耀斑，並且還有一個推薦列表 免費的CDN服務 您可能想結帳。 但是，您自己設置CDN可能會很複雜，因此可以方便地使用插件。
Publitio卸載媒體
一個不錯的選擇是Publitio Offload Media插件，它允許您將媒體文件存儲在 基於Publitio雲的媒體管理器。 安裝了插件後，您可以輕鬆地將整個媒體庫移出伺服器，甚至可以在操作時優化圖像和視頻質量。 一旦移動，就可以從Publitio CDN快速提供圖像。 這樣可以釋放大量的伺服器空間，並可以真正加速您的站點（特別是如果您的預算有限的託管計劃）。 甚至還有一個簡單的立即同步按鈕，可在您編輯新帖子時自動將新媒體添加到雲中。 優質的Publitio計劃包括自定義CNAME，多個水印甚至視頻加密的額外功能。
6.聲明「 alt」屬性
‘alt’屬性描述了搜索引擎的圖像。 萬一無法載入圖像，在此欄位中輸入的文本將顯示給用戶。 很多人傾向於將這些欄位留空。 這對SEO非常不利，您會因此而失去流量。 您應該始終嘗試在圖片的alt標籤中添加網站的關鍵字。
7.優化壓縮圖像
優化的圖像比普通圖像亮40％。 這樣可以改善載入時間並節省帶寬。 從弗雷迪的清單 最好的WordPress圖像優化插件，我們建議 WPSmush.it 優化您的圖像。 海妖 對於壓縮圖像，它也是一個很棒的在線選擇。 在WPExplorer，我們一直在使用它來優化特色圖片，然後再將其上傳到帖子和主題演示中。
8.響應式圖像
響應式網頁設計在這裡
即使您的網站反應靈敏，也不代表您的圖片就可以。 這意味著您在22英寸桌面屏幕上使用的標題圖像也將提供給5英寸iPhone。 當您上傳圖片時，WordPress會將其調整為多個版本-縮略圖，中型，全尺寸等。開發人員可以更改此大小。 編碼正確的主題將投放圖像的「中」尺寸版本，從而節省帶寬。
的 Picturefill.WP 插件將使用新的
9.圖片說明
字幕並非總是必需的，儘管在某些情況下是必需的，例如教程中的屏幕截圖。 為圖片添加字幕可以幫助讀者更好地理解主題，同時提高您的SEO。
10.圖像文件名
從搜索引擎的角度考慮文件名。 使用與圖像的「標題」標籤相同的文本。 另外，請嘗試添加與您的網站最相關的關鍵字。
結論
對於任何網站（無論新舊），SEO圖片都至關重要。 從長遠來看，正確實施圖片SEO（有時可能很平凡）的人們將獲得大量的有機流量（最好的流量）。
有很棒的優化技術嗎？ 開火！