皮膚背景圖片、發(fā)布者、按鈕背景、發(fā)布者下方提示右側(cè)的廣告、用戶頭像、用戶發(fā)布的圖片。智能建站
網(wǎng)站優(yōu)化。不僅可以提高頁(yè)面的加載速度，改善網(wǎng)站的用戶體驗(yàn)，還可以通過(guò)圖像優(yōu)化節(jié)省網(wǎng)站的帶寬。那么，作為一個(gè)頁(yè)面構(gòu)建工程師，應(yīng)該采用什么樣的方法來(lái)優(yōu)化圖像，這樣既能保證用戶界面的還原程度，又能使圖片最簡(jiǎn)潔？我將根據(jù)自己的經(jīng)驗(yàn)簡(jiǎn)要介紹圖像優(yōu)化的方法。首先，我會(huì)了解一些關(guān)于圖片的知識(shí)：
矢量圖像：縮放、旋轉(zhuǎn)和無(wú)失真的圖像格式，無(wú)論你看得多近，你都看不到最小的圖形單位。存儲(chǔ)文件較小，但很難用豐富的色彩來(lái)表現(xiàn)生動(dòng)的圖像效果。它可以理解為一個(gè)圓，拋物線和其他形狀。
位圖：又稱光柵圖、像素圖，最小單位是由像素組成，縮放、旋轉(zhuǎn)都會(huì)變形。例如，位圖就像十字繡。當(dāng)你從遠(yuǎn)處看時(shí)，你可以看到每一針的顏色變化。
有損壓縮：它的特點(diǎn)是堅(jiān)持顏色的漸變，根據(jù)人眼觀察到現(xiàn)實(shí)世界的突變，然后通過(guò)漸變或其他形式填充附近的顏色。由于像素?cái)?shù)據(jù)信息的存在，會(huì)降低存儲(chǔ)容量，降低圖像的恢復(fù)質(zhì)量。Jpg有損壓縮格式，將圖像分解成8*8像素的網(wǎng)格單優(yōu)化。例如，紅色塊是8*8px，黑色背景色塊是32*32px。當(dāng)小白塊不是純白色時(shí)，周圍的白色塊非常尖銳，如下圖所示：
右上角的紅色網(wǎng)格在8*8像素網(wǎng)格單元中不存在，因此在存儲(chǔ)過(guò)程中，周圍8*8網(wǎng)格單元的顏色將被融合。這就是為什么保存JPG圖片時(shí)圖像會(huì)變得模糊的原因。
無(wú)損壓縮：利用數(shù)據(jù)的統(tǒng)計(jì)冗余進(jìn)行壓縮，記錄圖像上每個(gè)像素的真實(shí)數(shù)據(jù)信息。其原理是確定哪些顏色相同，哪些顏色不同，壓縮并記錄同一顏色的數(shù)據(jù)信息，并將不同的數(shù)據(jù)分開(kāi)保存。多次存儲(chǔ)后，圖像質(zhì)量不會(huì)降低。
為什么無(wú)損壓縮圖像會(huì)有失真？因?yàn)樗膲嚎s原理是壓縮和還原索引圖像的同一區(qū)域，也就是說(shuō)，只有當(dāng)圖像中的顏色數(shù)小于我能保留的顏色數(shù)時(shí)，才能記錄和恢復(fù)圖像，否則會(huì)丟失一些圖像信息。
Png24是真黑色，所以顏色表是空的，不會(huì)失真。
在圖像優(yōu)化技術(shù)之前，我們需要了解一些有關(guān)圖像格式的技術(shù)細(xì)節(jié)。每種圖形格式都有自己的優(yōu)缺點(diǎn)，知道它會(huì)使你獲得更好的視覺(jué)質(zhì)量和壓縮質(zhì)量。
網(wǎng)頁(yè)圖像優(yōu)化是網(wǎng)頁(yè)加速中非常重要的一步。圖像壓縮不僅可以節(jié)省帶寬，而且可以加快網(wǎng)頁(yè)的速度。常用的圖像編輯軟件可以用來(lái)壓縮圖片。
有時(shí)png-8可以獲得更高的壓縮比。注意png-8不是png-24。然而，在某些情況下，GIF或JPG會(huì)更小。需要根據(jù)實(shí)際情況進(jìn)行調(diào)試，選擇方案。
使用工具優(yōu)化后，它可以更小
因此，在使用工具優(yōu)化后，需要檢查文件格式是否已更改，以防止未經(jīng)優(yōu)化而丟失一些圖片。
在圖像格式的選擇上，還需要考慮圖片的場(chǎng)景或功能的使用，可以歸納為兩類：圖案類和照片類
圖形類型：圖形符號(hào)，具有信息高度集中、傳遞速度快、易于記憶、少數(shù)色彩的特點(diǎn)。
圖形類通?？梢允褂肞NG格式或GIF格式。優(yōu)化時(shí)，PNG格式可以是PNG8或png24，質(zhì)量為32。如果發(fā)生顏色丟失，可以使用質(zhì)量64或128
例如，主頁(yè)左側(cè)的圖標(biāo)、提要區(qū)域中的圖標(biāo)、獎(jiǎng)牌圖和面部動(dòng)畫(huà)都屬于圖形。
照片類別：照片通常包含數(shù)百萬(wàn)種顏色，包括平滑的顏色過(guò)渡和漸變。如果圖形比較復(fù)雜，有時(shí)會(huì)出現(xiàn)真實(shí)的照片。
PNG和JPG是常用的照片分類，可以根據(jù)圖片顏色的豐富程度來(lái)確定。