皮膚背景圖片、發(fā)布者、按鈕背景、發(fā)布者下方提示右側(cè)的廣告、用戶頭像、用戶發(fā)布的圖片。智能建站

網(wǎng)站優(yōu)化。不僅可以提高頁面的加載速度，改善網(wǎng)站的用戶體驗，還可以通過圖像優(yōu)化節(jié)省網(wǎng)站的帶寬。那么，作為一個頁面構(gòu)建工程師，應(yīng)該采用什么樣的方法來優(yōu)化圖像，這樣既能保證用戶界面的還原程度，又能使圖片最簡潔？我將根據(jù)自己的經(jīng)驗簡要介紹圖像優(yōu)化的方法。首先，我會了解一些關(guān)于圖片的知識：

矢量圖像：縮放、旋轉(zhuǎn)和無失真的圖像格式，無論你看得多近，你都看不到最小的圖形單位。存儲文件較小，但很難用豐富的色彩來表現(xiàn)生動的圖像效果。它可以理解為一個圓，拋物線和其他形狀。

位圖：又稱光柵圖、像素圖，最小單位是由像素組成，縮放、旋轉(zhuǎn)都會變形。例如，位圖就像十字繡。當你從遠處看時，你可以看到每一針的顏色變化。

有損壓縮：它的特點是堅持顏色的漸變，根據(jù)人眼觀察到現(xiàn)實世界的突變，然后通過漸變或其他形式填充附近的顏色。由于像素數(shù)據(jù)信息的存在，會降低存儲容量，降低圖像的恢復(fù)質(zhì)量。Jpg有損壓縮格式，將圖像分解成8*8像素的網(wǎng)格單優(yōu)化。例如，紅色塊是8*8px，黑色背景色塊是32*32px。當小白塊不是純白色時，周圍的白色塊非常尖銳，如下圖所示：

右上角的紅色網(wǎng)格在8*8像素網(wǎng)格單元中不存在，因此在存儲過程中，周圍8*8網(wǎng)格單元的顏色將被融合。這就是為什么保存JPG圖片時圖像會變得模糊的原因。

無損壓縮：利用數(shù)據(jù)的統(tǒng)計冗余進行壓縮，記錄圖像上每個像素的真實數(shù)據(jù)信息。其原理是確定哪些顏色相同，哪些顏色不同，壓縮并記錄同一顏色的數(shù)據(jù)信息，并將不同的數(shù)據(jù)分開保存。多次存儲后，圖像質(zhì)量不會降低。

為什么無損壓縮圖像會有失真？因為它的壓縮原理是壓縮和還原索引圖像的同一區(qū)域，也就是說，只有當圖像中的顏色數(shù)小于我能保留的顏色數(shù)時，才能記錄和恢復(fù)圖像，否則會丟失一些圖像信息。

Png24是真黑色，所以顏色表是空的，不會失真。

在圖像優(yōu)化技術(shù)之前，我們需要了解一些有關(guān)圖像格式的技術(shù)細節(jié)。每種圖形格式都有自己的優(yōu)缺點，知道它會使你獲得更好的視覺質(zhì)量和壓縮質(zhì)量。

網(wǎng)頁圖像優(yōu)化是網(wǎng)頁加速中非常重要的一步。圖像壓縮不僅可以節(jié)省帶寬，而且可以加快網(wǎng)頁的速度。常用的圖像編輯軟件可以用來壓縮圖片。

有時png-8可以獲得更高的壓縮比。注意png-8不是png-24。然而，在某些情況下，GIF或JPG會更小。需要根據(jù)實際情況進行調(diào)試，選擇方案。

使用工具優(yōu)化后，它可以更小

因此，在使用工具優(yōu)化后，需要檢查文件格式是否已更改，以防止未經(jīng)優(yōu)化而丟失一些圖片。

在圖像格式的選擇上，還需要考慮圖片的場景或功能的使用，可以歸納為兩類：圖案類和照片類

圖形類型：圖形符號，具有信息高度集中、傳遞速度快、易于記憶、少數(shù)色彩的特點。

圖形類通?？梢允褂肞NG格式或GIF格式。優(yōu)化時，PNG格式可以是PNG8或png24，質(zhì)量為32。如果發(fā)生顏色丟失，可以使用質(zhì)量64或128

例如，主頁左側(cè)的圖標、提要區(qū)域中的圖標、獎牌圖和面部動畫都屬于圖形。

照片類別：照片通常包含數(shù)百萬種顏色，包括平滑的顏色過渡和漸變。如果圖形比較復(fù)雜，有時會出現(xiàn)真實的照片。

PNG和JPG是常用的照片分類，可以根據(jù)圖片顏色的豐富程度來確定。