如何優化您網站的圖像以使其更快、更高效

已發表: 2021-11-16

在本文中

您是要推出個人網站還是要提升現有網站的性能？ 永遠記住，圖像優化是網站排名和最高位置的關鍵。

在網站上工作時，我們通常傾向於關注內容、優化的文本、照片和顏色以及其他小的風格選擇，以使其符合我們的口味和產品。 但我們往往不太關心圖像優化——或者我們忽視了它的重要性。

優化圖像意味著什麼

從本質上講，優化圖像意味著壓縮並減輕它們的重量，以提高您網站的速度和性能。

許多人不知道的是，圖像的質量和重量直接影響速度和網站的性能，因此，其對搜索引擎的定位。

如果您已經盡一切努力提高您的內容和關鍵字的質量，並且網站和索引設置沒有技術問題，那麼就是優化時間：這可以在攀登頂級搜索門戶位置方面發揮重要作用。

Web 圖像：理想的重量、分辨率和尺寸

網絡的理想圖像權重通常為 200-300 kb。 理想的分辨率是 72 dpi（即大約 70%）。 理想的尺寸將長邊限制為 1200 像素（較大的尺寸和分辨率主要用於打印，但不太適合網絡環境）。

因此，減少圖像的權重及其分辨率，以及使圖像適應頁面格式，對於優化網站的性能至關重要。

如何優化網站上的圖片

如果您不是圖形專家，甚至不知道 Photoshop 是什麼，那麼請不要擔心：有許多友好、免費的工具和網站可供您輕鬆優化網站圖像，同時保持其質量。 另一方面，如果您可以管理自己，那麼使用 Photoshop 優化網絡圖像絕對是最佳選擇。

事實上，這些網站和工具預設了通用值以獲得優化的圖像，即根據 Web 標準按重量和大小壓縮圖像而不影響其質量。 顯然，大部分結果取決於您首先上傳的圖像。 當然，顆粒狀的初始圖像在壓縮後無法變成高質量的圖像。

根據需要免費或付費的具有圖像優化功能的站點包括 Comprimilo、Optimizilla、Kraken、TinyPNG 和 CompressJpeg 等。 像往常一樣，隨著網絡的不斷發展，這些網站，尤其是免費網站，也在不斷變化。 然而，一個簡單的關鍵字搜索就足以找到免費優化圖像的最佳當前站點。

此外，如果您的網站是使用 WordPress 平台構建的，那麼您還有另一個機會：通過插件優化 WordPress 圖像。 插件只不過是旨在改進其他程序功能的支持程序。 簡而言之，他們為您的網站添加了新功能，而您自己無需編寫代碼。

最受歡迎的是：

  • 斯馬什
  • EWWW 圖像優化器
  • 想像
  • 短像素
  • 小PNG

SEO在圖片優化中的作用

照片重量和質量在圖像優化過程中與隨之而來的 SEO 一樣重要。 事實上，SEO 不僅僅是關於您網站文本的關鍵字。 它還處理上傳到網站的圖像的標題和標籤。

圖片的SEO包括：

  • alt 屬性，即替代文本
  • title 屬性，即圖片標題
  • 標題
  • 描述
  • URL，即鏈接

設置好替代文本和標題至關重要。 您對圖片的描述越準確，搜索引擎就越會將其視為匹配搜索關鍵字的優質內容。 這與電子商務尤其相關，其中每個圖像產品本身就是一個搜索關鍵字。

最好在將圖像上傳到站點之前對其進行優化，並將它們正確保存在您的 PC 文件夾中。 顯然，如果這是不可能的，您可以返回站點的圖片庫，稍後再進行此工作。

您是否在想您保存在 Photo1、Kkkkkkkkkjpg、Image_3 等下的所有圖像？

現在，運行以優化它們！

如何通過幾個簡單的步驟優化網站圖片

1. 壓縮圖片大小，以免給網站造成負擔

如果您不希望過大和過重的圖像拖慢您的網站速度，那麼請選擇其中一個免費網站，它可以讓您以簡單快速的方式優化圖像。 我們已經在上面推薦了其中一些，但您始終可以通過簡單的 Google 搜索找到其他的。

有經驗的可以參考Photoshop。 這無疑是最專業的工具，可以以最佳方式自定義我們添加到我們網站的圖像。

2. 給你的文件起一個合適的名字

儘管我們都去過那裡（即使是那些假裝不知道的人），但快速以 pffffffff、image_7、img568 等名稱保存我們的圖像文件從來都不是一個好的選擇。

花額外的時間為您的圖像找到一個有效且具有描述性的標題。 如果您立即執行此步驟，那麼您以後就不必再做雙重工作了。

提防太多好事。 不要連續串一系列關鍵字。 該算法可能會懲罰您排除圖像中的關鍵字。 始終選擇快樂的媒介。

3. 選擇與圖片標題相符的替代文字

選擇圖像標題後，繼續組合適當的替代文字。 事實上，這是索引和優化圖像以及標題的最重要元素。 替代文字旨在提供圖像細節，以替代單純的視覺細節。

然後，用文字描述您在圖像中看到的內容。

4. 輸入標題和描述

標題和說明不如標題和替代文字那麼重要。 但是當您優化它時，它們可以為您的圖像提供更多相關性。

標題是出現在圖像正下方或旁邊的頁面上的文本，以加強其信息和相關性。

該描述適用於內部站點編程，以便整理圖像並了解它們包含的內容。 它沒有特殊的 SEO 相關性。

5. 保存圖片並上傳到您的網站

準備好、壓縮和優化圖像後，同樣用於 SEO 目的，只需將其保存在您的計算機上。 然後上傳到感興趣的網站。

結論

圖像經常被低估並被認為是純粹的風格元素。 實際上，它們對於進一步提高我們網站的性能並採取額外的飛躍以達到搜索引擎的頂部至關重要。

優化圖像似乎是一個漫長而乏味的過程，我們通常喜歡跳過它。 然而，一旦您掌握了這樣一個過程，您就會發現它既簡單又自動。 從長遠來看，它可以讓您的網站速度更快、與用戶的搜索鍵更相關，從而提高網站的性能。

最後，不要忘記相同的優化規則（減輕重量、替代文本等）也適用於您的電子郵件！ 在 MailUp電子郵件設計指南中發現它們！