全國熱線:0536-8800925
新聞動態(tài)

圖片優(yōu)化

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

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

0536-8800925

關(guān)注我們微信