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

圖片優(yōu)化

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

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

0536-8800925

關(guān)注我們微信