圖片優化

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

對于圖片我們經常聽到的詞語包括矢量圖、標量圖、SVG、有損壓縮、無損壓縮下面是具體的闡述：
圖片格式的選擇
1、顏色豐富的照片，JPG是通用的選擇

• 人眼的結構很適合查看JPG壓縮后的照片，可以充分的忽略并在腦中補齊細節
• JPG在壓縮率不高時保留的細節還是不錯的
• WebP能夠比JPG減少30%的體積，但目前兼容性較差

2、如果需要較通用的動畫，GIF是唯一可用的選擇

• GIF支持的顏色范圍為256色，而且僅支持完全透明/完全不透明
• GIF在顯示顏色豐富的動畫時可能出現顏色不全、邊緣鋸齒等問題

3、如果圖片由標準的幾何圖形組成，或需要使用程序動態控制其顯示特效，可以考慮SVG格式

• SVG是使用XML定義的矢量圖形，生成的圖片在各種分辨率下均可自由放縮
• SVG中可以通過JavaScript等接口自由變換圖片特效，可以完成其中部分元素的自由旋轉、移動、變換顏色等

4、如果需要清晰的顯示顏色豐富的圖片，PNG比較好

• PNG-8能夠顯示256種顏色，但能夠同時支持256階透明，因此顏色數較少但需要半透明的情景可以考慮PNG-8
• PNG-24可以顯示真彩色，但不支持透明，顏色豐富的圖片推薦使用（如屏幕截圖、界面設計圖）
• PNG-32可以顯示真彩色，同時支持256階透明，效果最好但尺寸也最大

優化JPG和PNG
選擇了正確的圖片格式，按照正確的大小生成了圖片后，我們還需要對圖片進行進一步優化，這種優化一般分兩步進行：第一步有損優化，刪除沒有出現或極少出現過的顏色，合并相鄰的相近顏色。這一步并不必須，如PNG格式就直接進入下一步第二步無損優化，壓縮數據，刪除不必要的信息
JPG和PNG格式的圖片生成后，一般還有進一步優化的空間，例如JPG格式的照片中，可能攜帶有相機的Exif信息，PNG格式的圖片中可能帶有Fireworks等軟件的圖層信息等。去除這些額外信息后，還可以通過減小圖片的調色板，去除沒有出現過的顏色，以及合并相鄰的相同顏色等手段來進行優化。