網站圖片優化技巧彙總
分(fēn)享
鄭州網絡公司整理的圖片優化技巧有:
1.設置合理的alt屬性
當浏覽器無法正确呈現圖像時,Alt屬性将發揮作用,它将用已設置好的文本内容來替代空缺的圖片。并且Alt屬性還爲網站SEO增加了價值,有助于搜索排名的提高。
填寫Alt屬性時,應該遵循這些原則:
①用簡單的語言來描述圖像,就如同給圖像文件命名那樣。
②将商(shāng)品型号或序列号添加到Alt屬性中(zhōng)。
③不要在Alt屬性中(zhōng)堆砌關鍵字。
④不要對無實質意義的圖像添加Alt屬性(如裝飾元素圖)。
2.優化圖像大(dà)小(xiǎo)
減小(xiǎo)圖像文件大(dà)小(xiǎo)的常用方法是,使用Photoshop中(zhōng)的“另存爲Web”的命令,然後調整參數,以将圖片盡可能壓縮。當然,在調整大(dà)小(xiǎo)時,注意保持圖像質量。
參數設置包括,降低右上角的圖片品質,設置文件格式爲JPEG,勾選“優化”,勾選“轉化爲sRGB”,在右下(xià)角降低圖像大(dà)小(xiǎo)百分(fēn)比,*後查看左下(xià)角的文件大(dà)小(xiǎo)是否達到預期(如,商(shāng)品圖一(yī)般爲100k以内)。
3.選擇正确的圖像格式
常見的圖像格式有JPEG、GIF和PNG。這其中(zhōng),JPEG在有限的大(dà)小(xiǎo)下(xià),可以展示*清晰的圖像;GIF可以提供動态變化的圖像;而PNG可以呈現出*高質量的圖片,不過高質量的圖像也對應了較大(dà)的内存占用。
所以,多數賣家會選擇JPEG(或.jpg)格式的圖像作爲其商(shāng)品圖,因爲它可以用*小(xiǎo)的文件大(dà)小(xiǎo),呈現出*佳質量的圖片。
當你使用PNG格式的圖像時,還要注意使用PNG-8,而非PNG-24,因爲對于同樣質量的圖像來說,後者的文件大(dà)小(xiǎo)是前者的三倍之多。
4. 優化縮略圖
對于産品豐富的網站頁面,往往會使用到很多縮略圖,以減小(xiǎo)整個頁面的内存大(dà)小(xiǎo)。而我(wǒ)們要做的優化主要涉及到兩個方面,一(yī)個是盡可能壓縮圖像大(dà)小(xiǎo),另一(yī)個是設置合理的Alt屬性,來增加同一(yī)産品中(zhōng)對應不同圖片之間的區分(fēn)度。、
5.使用簡潔直接的圖像名稱
創建描述性的、關鍵字豐富的文件名,對于圖像優化來說至關重要,因爲搜索引擎不僅會抓取你網頁上的文本,還會抓取你的圖片文件名。