網站圖片優化4種技巧
來源:領眾品牌 查看次數: 發表時間:2013-05-07 11:23:20圖片是大部分網站的核心要素,但很多網站無法優化自己的圖片設計。這不僅可以增加圖片優化加載時間,也可以提高搜索引擎的收錄。這里有四個提示改善加載時間和SEO優化圖片技巧。
1、使用圖片說明
HTML里面的標簽用來描述一個片像的方式有三種:文件名、“alt”屬性、一個“title”屬性。
一個圖片的文件名可以幫助搜索引擎理解什么形象的描繪。作為圖片文件的名稱和使用連字符,使用簡要說明作為您的圖像文件的名稱和下劃線使用連字符。
“ALT”標記 - 即alt屬性 - 提供了另一種描述,如果圖像無法正確加載或使用屏幕閱讀器的人(通常視覺障礙)。鼠標在圖像時,也會出現ALT文本。百度在特定的地方多少重量上的alt屬性。
最后,所有權屬性時所使用的圖像也是一個鏈接。Title屬性會顯示文字,而不是alt文本后,鼠標的形象。alt文本鏈接的圖像不顯示或屏幕閱讀器訪問網站的情況下,將顯示而不是圖像,標題文本將顯示,當鼠標顯示的替代文字。alt文本標題文本應該是不同的,連接影像時,提供的補充信息。沒有標題屬性,alt文本會顯示在這兩種情況。搜索引擎放置幾乎沒有重量上的標題文字,但可以提供補充信息仍然是有用的標題文字。
2。使用合適的圖片尺寸
使用正確的圖片尺寸可以大大提高網站加載速度。使用精確的尺寸,而不是依賴瀏覽器來調整,以適應較大的圖像。內容管理系統和托管軟件通常會自動調整圖像到一定的固定大小,如小型中型和大型。即便如此,您的CMS可能依靠瀏覽器上的縮減圖像與HTML。如果您使用的內容管理系統,了解它是如何插入圖像。你最好的賭注是要始終上傳確切大小的圖像。
對于一些圖像,如產品銷售,你可能要使用一個更大的版本。在這種情況下,使用單獨的圖像。
3。使用正確的文件類型
圖像文件類型有很多,但在網絡上最常見的JPEG和PNG。選擇正確的圖像類型可以減小文件大小和提高清晰度。這些提供優化的好處取決于圖像的大小和題材。一般來說,使用JPEG格式大,照相圖像。最小的感光元件較小的圖像或圖像,或圖像,包括文字的使用PNG格式。使用8位PNG簡單的圖像,只有少數顏色。要真正優化你的圖片,最好是比較相同的圖像質量和圖像尺寸為PNG和JPEG保存。
4。減少圖像文件大小
雖然可以減少大小選擇合適的圖像類型,其他技術也可以幫助。其中一個最簡單的方法是降低圖像質量,保存時。這是可以做到沒有可見的圖像劣化和圖像編輯軟件中的一個共同特點。根據圖像編輯器,圖像質量降低到原來的80%左右,往往不丟失任何明顯的圖像質量的情況下,減小文件的大小。降低圖像的質量可能是特別有用的,在頁面上有許多縮略圖。
減小圖像文件大小的另一種方法是,以除去不必要的元數據,如所使用的相機,日期,和圖像上次編輯的程序。這可以拆下來減小圖像文件的大小。
Adobe Photoshop中有一個“另存為Web和設備”功能,讓你看到圖像的圖像文件類型之間切換時,調整圖像質量,以及添加或刪除元數據的最終文件大小。RIOT,其他的應用程序,如提供了類似的功能,允許您調整圖像質量,文件類型,元數據,同時比較所得到的圖像與原。
作者:一名
12年資深網站設計師 前端交互開發工程師