NEWS
網(wǎng)頁圖片優(yōu)化是網(wǎng)頁加速中非常重要的一步,對圖片進(jìn)行壓縮,不僅能夠節(jié)約帶寬,并且加快網(wǎng)頁的速度。我們常用的圖片編輯軟件都可以在壓縮圖片。
PNG-8 的高壓縮比
切圖時(shí),有時(shí)選擇 PNG-8 可以獲得更高的壓縮比。注意,是 PNG-8,不是 PNG-24。不過有些情況下還是 GIF 或 JPG 會小一些,需要根據(jù)實(shí)際情況調(diào)試以選擇最佳方案http://www.stevenmarcscott.com/ 。
圖片優(yōu)化在微博首頁上的應(yīng)用:
1. 圖型類、照片類
對于圖像格式的選擇,我們還需要考慮圖片的使用場景或功能,概括為兩類:圖型類、照片類
圖型類:圖形符號,具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性,顏色數(shù)量較少。
圖型類一般可以使用PNG格式或者GIF格式。優(yōu)化時(shí)可采用PNG格式為PNG8或者PNG24,品質(zhì)為32,如果色彩有損失可采用品質(zhì)64或者128。
照片類:照片通常含有百萬數(shù)量級的顏色,包括平滑的顏色過度和漸變,如果是圖形較為復(fù)雜,圖中有時(shí)會出現(xiàn)真實(shí)的照片。
照片類一般用PNG和JPG??梢愿鶕?jù)圖片色彩的豐富程度而定。
PNG的品質(zhì)一般要到128。JPG的品質(zhì)一般要在70-80之間,以噪點(diǎn)的程度確定。
例如:皮膚背景圖、發(fā)布器、按鈕背景、發(fā)布器下方的tips、右側(cè)廣告、用戶頭像、用戶發(fā)布的圖片。
2. 每個(gè)人首頁都會看到,圖標(biāo)、按鈕、小背景。
例如,頂部托盤圖標(biāo)、左導(dǎo)圖標(biāo)、feed區(qū)圖標(biāo)、發(fā)布器圖標(biāo)、身份圖標(biāo)、操作類圖標(biāo)、狀態(tài)類圖標(biāo)、按鈕。盡可能的采用PNG的格式保存,文件會相對來說較小一些。
A. 表情GIF
可以使用FireWorks或者ImageReady,建議使用ImageReady。
最好是手動一張張的調(diào)整,因?yàn)檫@些表情圖的色彩值都比較少,如果使用比較大的顏色時(shí)會存儲量較大。
另外,批處理的話也是需要一個(gè)文件夾一個(gè)文件夾去處理,表情的文件夾太多了,基本上批處理還是很慢。批處理如果是使用FireWorks的話,有的動畫會出現(xiàn)變快或者是缺邊的情況。
手動處理時(shí),根據(jù)索引色的多少來存,一般來說4-128索引色存儲。
B. 換膚類圖片:
采用JPG格式或者PNG格式。
皮膚的主要背景圖中如含有真實(shí)的照片或者文字,可采用JPG格式,為了保證更接近設(shè)計(jì)圖需采用85以上的品質(zhì)壓縮圖片。如果色彩跨度不大的背景圖片,可采用PNG格式。
C. 勛章類:
目前有GIF和PNG兩種格式,GIF的是小圖、PNG的是中圖和大圖。品質(zhì)選128即可。
這個(gè)目錄批處理比較快。因?yàn)槎际窃谕粋€(gè)文件夾里。但是手動的話會更小一點(diǎn)。
D. 各種廣告:
發(fā)布器下方tips、右側(cè)廣告、底部廣告。采用JPG格式或者PNG格式。
E. 用戶相關(guān)圖:
頭像、用戶發(fā)布的圖這個(gè)需要在后臺控制壓縮品質(zhì)。采用JPG格式或者PNG格式
本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請保留版權(quán)( 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com )三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制,歡迎來電咨詢!熱線:020-85628720、15915767698
上一篇:PCB電鍍設(shè)備網(wǎng)站建設(shè)——演繹廠家企業(yè)特色及形象 下一篇:微軟改版Hotmail.com郵箱更名為Outlook.com