成都網站制作在現代競爭激烈的網絡上，重要的是優化你的網站向訪問者展示的圖片，無論是你的新標識，案例研究，還是僅僅是你用手機拍下的照片，只想和你的觀眾分享。

用于顯示網頁的大多數數據傳輸由影象因此，通過優化圖像大小，網頁的加載速度將大大加快。通過減少顯示頁面所需的字節數，還可以減少訪問者等待頁面加載所需的時間。對于搜索引擎來說，Web圖像優化也是非常重要的，它將優先處理更快的網站加載，特別是在移動設備上。

這篇文章的目的是作為一個基本的指南，為任何人希望網頁的網頁加載速度更快的網站圖像優化。

圖像文件格式及其使用

您可以在互聯網上看到三種主要的圖像格式：jpeg、png和gif或gifv。

GIF

GIF和GIFV(圖形交換格式)可以顯示動畫，并支持透明性。你可能還記得90年代的業余愛好網頁，所有的東西都是帶著漂亮的火焰或燈光效果在它們身上移動的。幾乎所有的動畫都是GIF圖像.

今天，我們可以在諸如reddit或9gag這樣的網站上找到它們，它們之所以被使用，是因為它們與視頻文件相比加載速度快，而且沒有聲音，而且質量不像內容那么重要。GIFV是一個改進的舊GIF格式，他們支持更長的“視頻”或動畫。

GIF是好的，實際上是唯一的選擇，顯示小視頻或動畫，以及當圖像需要透明的部分或背景。

巴新

PNG(便攜式網絡圖形)是作為GIF文件格式的替代而創建的。它具有無損壓縮，這意味著壓縮后不會丟失任何數據，從而確保質量與較小的文件大小保持不變。

例如，PNG還支持與JPEG不同的透明度。PNG支持不同的調色板和灰度，這使得它成為一個理想的解決方案，減少的顏色數，如一個標志，例如，不同顏色的數目通常較低。

當需要透明度或圖像只包含少量不同顏色時，PNG圖像是理想的解決方案。當圖像包含清晰的形狀，如打印屏幕或光柵時，最好使用它們。矢量圖形.

JPEG或JPG

JPEG是一種有損圖像壓縮格式，它經常被數碼相機用來存儲圖像。JPEG格式可以很容易地處理自然圖像的色調和顏色的平滑變化，因為它是為這個特定的用例設計的。它是最常見和最廣泛使用的圖像格式，因為大多數圖片可以非常好地壓縮使用JPEG格式。

它的有損特性存在一些缺點，即每次編輯和保存JPEG圖像時，壓縮算法的每一次迭代都會丟失一些信息，降低圖像質量。

Web圖像的優化選擇正確的格式

成都網站制作一旦你知道了最常見的圖像格式的優點和缺點，這部分應該是容易的。簡單地回顧一下，如果圖像中有銳利的邊緣和/或它只使用幾種顏色，使用PNG 8格式，因為它可以處理256種顏色。如果你的圖像有更多的顏色，而且你很喜歡不會失去任何圖像質量，您可以使用PNG 24或在極端情況下(大量漸變、圓角和透明)PNG 32。

如果您不介意非常微妙的質量損失，并且您的圖片有平滑的變化，如肖像或景觀，您可以使用JPEG格式在80壓縮級別，或者如果您真的不太關心質量，您甚至可以使用JPEG 65，因為這將大大減少您的圖像文件大小。

圖像大小

使用現代數碼相機和手機，可以很容易地制作出12-25兆像素的圖像，這些圖像可以轉換成分辨率非常大的圖像，例如4160×3120甚至更高的分辨率。

優化圖像的第一步是決定最終圖像的分辨率，這可能因網站而異，但您可以使用常識，甚至可以查看競爭對手使用的分辨率。通常，你可以在1200-2000像素的寬度范圍內找到圖像，它們在更大的屏幕上仍然很好看。

你通常可以使用兩個圖像大小的真正高分辨率設備，如高端臺式機或27英寸iMac有5K屏幕，一個用于正常設備，如高清或富勒高清能力顯示器。您可以使用html IMG標記的srcset屬性向訪問者的瀏覽器指示圖像有不同的分辨率，因此它可以下載適當的圖像并顯示出來。

調整大小

一旦你有了決議，你可以繼續調整你的形象為該決議。成都網站制作

值得注意的是，有不同的模式可以調整圖像的大小(最近鄰、雙三次插值、Lanczos等)。像Photoshop這樣的圖像編輯器可能會給你不同的方法。在大多數情況下，您可以堅持默認設置，但始終要檢查結果映像，并且可以看到任何工件或質量顯著下降，您可能希望選擇另一種方法。

優化交付

在過去的幾年里，在圖像壓縮方面有了很大的改進，特別是對于PNG和JPEG圖像。有很多免費和付費的解決方案，將優化您的圖像，一些與質量損失和一些沒有。

不用說，如果你愿意犧牲質量，你可以得到的圖像是高度優化和一個比其他小得多的文件大小。

對于png圖像，可以使用pngquant、pngoptim或丁PNG甚至還有Photoshop插件。對于JPEG文件，您也可以使用TinyPNG或ImageOptim.com，這兩種方法都提供了非常好的和高度優化的圖像，并且它們還刪除EXIF數據，如果您不想透露拍攝圖像的確切位置或相機手機的模型，這是很方便的，因為這些細節通常存儲在與圖像相連的EXIF數據中。

如果您使用的是CDN(確實應該使用CDN)，請查看它們的界面，因為它們中的大多數都有一個圖像優化解決方案，它們可能提供WebP格式的圖像，而不是JPEG文件(CloudFlare，MaxCDN)，或者它們會動態地優化PNG圖像。

除了給你提供優化網站內容的建議外，谷歌的“頁面速度洞察力”還為你提供了一個可下載的ZIP文件，并通過這些文件對圖片進行了優化。

成都網站制作

名稱欄目：成都網站制作：Web圖像優化基本指南
網址分享：http://www.js-pz168.com/news1/223751.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯