全國(guó)熱線:0536-8800925
新聞動(dòng)態(tài)

圖片優(yōu)化

圖片本身優(yōu)化
1、圖片盡可能清晰。在百度圖片搜索排序時(shí),更高清的圖片可以得到優(yōu)先展現(xiàn)
2、圖片尺寸的大小應(yīng)與所表現(xiàn)的內(nèi)容相匹配,并非越大越好,尺寸小的圖片也不一定就會(huì)受到歧視
3、正所謂物以稀為貴,對(duì)于百度搜索引擎來(lái)講也不例外。稀缺罕見(jiàn)圖片資源最受百度圖片搜索青睞,但千萬(wàn)也別忘了給圖片配上靠譜兒的說(shuō)明文字
4、內(nèi)容主體突出,畫(huà)面視覺(jué)感好。如果有水印,水印應(yīng)不該對(duì)主體造成遮擋
網(wǎng)頁(yè)內(nèi)圖片優(yōu)化
1、圖片所在網(wǎng)頁(yè)應(yīng)與網(wǎng)頁(yè)主題一致
2、針對(duì)圖片有相關(guān)描述,包括上下文描述、圖片說(shuō)明、alt屬性、圖片title,以及圖片anchor
3、圖片所在網(wǎng)頁(yè)沒(méi)有設(shè)置權(quán)限
4、圖片不要使用異步加載等方式進(jìn)行展現(xiàn),圖片鏈接不要寫(xiě)在JS里
網(wǎng)站內(nèi)圖片優(yōu)化
1、保持百度對(duì)站點(diǎn)的及時(shí)抓取解析和收錄,百度的網(wǎng)頁(yè)搜索與圖片搜索共用一個(gè)搜索引擎
2、網(wǎng)站服務(wù)器穩(wěn)定,打開(kāi)速度流暢。這樣也可以帶來(lái)很好的用戶體驗(yàn)

對(duì)于圖片我們經(jīng)常聽(tīng)到的詞語(yǔ)包括矢量圖、標(biāo)量圖、SVG、有損壓縮、無(wú)損壓縮下面是具體的闡述:
圖片格式的選擇
1、顏色豐富的照片,JPG是通用的選擇
  • 人眼的結(jié)構(gòu)很適合查看JPG壓縮后的照片,可以充分的忽略并在腦中補(bǔ)齊細(xì)節(jié)
  • JPG在壓縮率不高時(shí)保留的細(xì)節(jié)還是不錯(cuò)的
  • WebP能夠比JPG減少30%的體積,但目前兼容性較差
2、如果需要較通用的動(dòng)畫(huà),GIF是唯一可用的選擇
  • GIF支持的顏色范圍為256色,而且僅支持完全透明/完全不透明
  • GIF在顯示顏色豐富的動(dòng)畫(huà)時(shí)可能出現(xiàn)顏色不全、邊緣鋸齒等問(wèn)題
3、如果圖片由標(biāo)準(zhǔn)的幾何圖形組成,或需要使用程序動(dòng)態(tài)控制其顯示特效,可以考慮SVG格式
  • SVG是使用XML定義的矢量圖形,生成的圖片在各種分辨率下均可自由放縮
  • SVG中可以通過(guò)JavaScript等接口自由變換圖片特效,可以完成其中部分元素的自由旋轉(zhuǎn)、移動(dòng)、變換顏色等
4、如果需要清晰的顯示顏色豐富的圖片,PNG比較好
  • PNG-8能夠顯示256種顏色,但能夠同時(shí)支持256階透明,因此顏色數(shù)較少但需要半透明的情景可以考慮PNG-8
  • PNG-24可以顯示真彩色,但不支持透明,顏色豐富的圖片推薦使用(如屏幕截圖、界面設(shè)計(jì)圖)
  • PNG-32可以顯示真彩色,同時(shí)支持256階透明,效果最好但尺寸也最大
優(yōu)化JPG和PNG
選擇了正確的圖片格式,按照正確的大小生成了圖片后,我們還需要對(duì)圖片進(jìn)行進(jìn)一步優(yōu)化,這種優(yōu)化一般分兩步進(jìn)行:第一步有損優(yōu)化,刪除沒(méi)有出現(xiàn)或極少出現(xiàn)過(guò)的顏色,合并相鄰的相近顏色。這一步并不必須,如PNG格式就直接進(jìn)入下一步第二步無(wú)損優(yōu)化,壓縮數(shù)據(jù),刪除不必要的信息
JPG和PNG格式的圖片生成后,一般還有進(jìn)一步優(yōu)化的空間,例如JPG格式的照片中,可能攜帶有相機(jī)的Exif信息,PNG格式的圖片中可能帶有Fireworks等軟件的圖層信息等。去除這些額外信息后,還可以通過(guò)減小圖片的調(diào)色板,去除沒(méi)有出現(xiàn)過(guò)的顏色,以及合并相鄰的相同顏色等手段來(lái)進(jìn)行優(yōu)化。
 
在線咨詢
Tel

0536-8800925

關(guān)注我們微信