領眾品牌官網(wǎng)
為廈門網(wǎng)站建設公司企業(yè)提供高品質(zhì)網(wǎng)站建設
熱線:0592-5596197

網(wǎng)站建設

當前位置:首頁 > 營銷運營 > 網(wǎng)站建設

網(wǎng)站圖片優(yōu)化4種技巧

來源:領眾品牌    查看次數(shù):    發(fā)表時間:2013-05-07 11:23:20

圖片是大部分網(wǎng)站的核心要素,但很多網(wǎng)站無法優(yōu)化自己的圖片設計。這不僅可以增加圖片優(yōu)化加載時間,也可以提高搜索引擎的收錄。這里有四個提示改善加載時間和SEO優(yōu)化圖片技巧。

 

1、使用圖片說明

HTML里面的標簽用來描述一個片像的方式有三種:文件名、“alt”屬性、一個“title”屬性。

一個圖片的文件名可以幫助搜索引擎理解什么形象的描繪。作為圖片文件的名稱和使用連字符,使用簡要說明作為您的圖像文件的名稱和下劃線使用連字符。

“ALT”標記 - 即alt屬性 - 提供了另一種描述,如果圖像無法正確加載或使用屏幕閱讀器的人(通常視覺障礙)。鼠標在圖像時,也會出現(xiàn)ALT文本。百度在特定的地方多少重量上的alt屬性。


最后,所有權屬性時所使用的圖像也是一個鏈接。Title屬性會顯示文字,而不是alt文本后,鼠標的形象。alt文本鏈接的圖像不顯示或屏幕閱讀器訪問網(wǎng)站的情況下,將顯示而不是圖像,標題文本將顯示,當鼠標顯示的替代文字。alt文本標題文本應該是不同的,連接影像時,提供的補充信息。沒有標題屬性,alt文本會顯示在這兩種情況。搜索引擎放置幾乎沒有重量上的標題文字,但可以提供補充信息仍然是有用的標題文字。


2。使用合適的圖片尺寸

使用正確的圖片尺寸可以大大提高網(wǎng)站加載速度。使用精確的尺寸,而不是依賴瀏覽器來調(diào)整,以適應較大的圖像。內(nèi)容管理系統(tǒng)和托管軟件通常會自動調(diào)整圖像到一定的固定大小,如小型中型和大型。即便如此,您的CMS可能依靠瀏覽器上的縮減圖像與HTML。如果您使用的內(nèi)容管理系統(tǒng),了解它是如何插入圖像。你最好的賭注是要始終上傳確切大小的圖像。

對于一些圖像,如產(chǎn)品銷售,你可能要使用一個更大的版本。在這種情況下,使用單獨的圖像。

 

3。使用正確的文件類型

圖像文件類型有很多,但在網(wǎng)絡上最常見的JPEG和PNG。選擇正確的圖像類型可以減小文件大小和提高清晰度。這些提供優(yōu)化的好處取決于圖像的大小和題材。一般來說,使用JPEG格式大,照相圖像。最小的感光元件較小的圖像或圖像,或圖像,包括文字的使用PNG格式。使用8位PNG簡單的圖像,只有少數(shù)顏色。要真正優(yōu)化你的圖片,最好是比較相同的圖像質(zhì)量和圖像尺寸為PNG和JPEG保存。

4。減少圖像文件大小

雖然可以減少大小選擇合適的圖像類型,其他技術也可以幫助。其中一個最簡單的方法是降低圖像質(zhì)量,保存時。這是可以做到?jīng)]有可見的圖像劣化和圖像編輯軟件中的一個共同特點。根據(jù)圖像編輯器,圖像質(zhì)量降低到原來的80%左右,往往不丟失任何明顯的圖像質(zhì)量的情況下,減小文件的大小。降低圖像的質(zhì)量可能是特別有用的,在頁面上有許多縮略圖。

Photoshop Image Quality Options

減小圖像文件大小的另一種方法是,以除去不必要的元數(shù)據(jù),如所使用的相機,日期,和圖像上次編輯的程序。這可以拆下來減小圖像文件的大小。

Adobe Photoshop中有一個“另存為Web和設備”功能,讓你看到圖像的圖像文件類型之間切換時,調(diào)整圖像質(zhì)量,以及添加或刪除元數(shù)據(jù)的最終文件大小。RIOT,其他的應用程序,如提供了類似的功能,允許您調(diào)整圖像質(zhì)量,文件類型,元數(shù)據(jù),同時比較所得到的圖像與原。

作者:一名

12年資深網(wǎng)站設計師 前端交互開發(fā)工程師

相關文章: