網站圖片優化

一點優化 2019年8月14日01:32:41 評論 248

網站的圖片為什么要優化?網站的圖片怎么優化?網站的圖片優化需要什么工具?根據一點寶寶了解,很多新人小伙伴對網站不出圖非常懊惱;出圖是件大事啊,就像出門沒有收拾自己的街頭乞丐一樣,看見都會跑,怎么來點你的網站呢;那怎么優化圖片才能讓網站在搜索引擎上展現呢?


網站圖片優化

網站圖片優化

網站圖片優化目錄

網站圖片為什么要優化

網站圖片優化需要什么工具

網站圖片優化要點

網站圖片優化的流程

網站圖片標簽優化


網站圖片為什么要優化

網站圖片優化是為了讓我們網站在搜索引擎占的展示面積更大,獲得更好的用戶體驗,并有效的增加我們網站和頁面的點擊率。


網站圖片優化需要什么工具

需要一款可以保真壓縮圖片的軟件,比如說ps;我們展示在網站上的一般都是jpg個png為主的兩種格式,放大會模糊,因為我們的圖片是位圖,以像素為單位的圖片,我們需要處理圖片上多余的色彩像素,一個像素單位里面的顏色越濃,這個圖片尺寸越大,像素點越多,那么這個圖片的內存就越大;圖片越大,渲染蜘蛛抓取就越難,出圖自然就比較艱難;所以我們需要ps這類的壓縮工具去處理這些文件。


網站圖片優化要點

圖片優化有哪些要點呢,像上一段說到的只是其中一部分,圖片的抓取有幾個要點;

1、圖片內存大小需要壓縮優化。

2、圖片需要清除多余的像素點。

3、圖片盡量使用png格式的透明背景,因為透明的背景的像素點是不存在顏色的。

4、多放點圖片,圖片越多,出圖概率越高,這么多圖片,總能抓一張吧,除非你圖片真的很爛了。

5、圖片比例:121:75的比例進行放大縮小。

7、圖片清晰度很重要

6、圖片文字標簽的優化

7、使用百度上已經出現的圖片。

8、直接把別人網站上的圖片連接放到自己網站上。


網站圖片優化的流程

上面講了要點,接下來我們來講一下使用PS優化圖片的流程

1、打開ps

網站圖片優化

ps軟件

2、像這種簡單的圖片直接點擊【魔棒工具】,然后選中不需要的【白色背景區域】

網站圖片優化

ps圖片摳圖

3、快捷鍵【ctrl+x】就變成了下圖的透明背景,如果你圖片沒有變成透明背景,請自行百度一下。

網站圖片優化

ps摳圖后的效果

4、接下來檢查邊框上有沒有多余的像素點,如果圖片過于復雜可以直接忽略,做接下來一個步驟,裁剪尺寸,按照搜索引擎展現尺寸比例調整121:75

網站圖片優化

5、裁剪好之后導出來使用【儲存web所用格式】

網站圖片優化

這張圖片是沒有經過壓縮,并且是由手機拍攝

網站圖片優化

6、這里導出的時候要注意了,如果你的是jpg格式的,是肯定是白底的;所以這個時候我們可以根據右邊的屬性進行優化。

網站圖片優化

做出來的效果,大家可以去試試的;大家不要看一點優化這個站的圖片優化,這個站的圖片都比較隨意;因為是個人知識分享的博客站,并不盈利,所以做的不是很到位。

注:上面的操作主要是為了圖片的清晰度和圖片內存大小做的操作,清晰度很重要


網站圖片標簽優化

網站圖片有哪些需要優化的標簽呢,其中的titel、alt,前后文字,圖片命名等

網站圖片的titel標簽優化

一般我們把鼠標移動到圖片的時候,會顯示一段文字,這段文字就是我們的titel標簽,也就是圖片的名稱,他可以更好的提示搜素引擎我們的圖片是否與內容相關;這個同樣關乎到了搜索引擎給予我們網站的出圖。

網站圖片的alt標簽

其實alt標簽跟titel標簽一樣,是提示搜索引擎識別圖片的,但是謹記:別再圖片標簽里面堆砌關鍵詞,輸入你文章的標題就行了。

網站圖片的前后文字

搜索引擎除了參考alt標簽同時也會參考周圍文字的相關性來猜測圖片是關于什么的;所以圖片的前后文字也是很重要的。

圖片的描述

除了titel和alt標簽外,其實還有一個圖片描述,在下不清楚各位站長的網站上有沒有這個,但是在一點優化這個網站上是存在這個的。


讓出圖更容易的百度已收錄圖片

為什么這里特地分出這段來說這個呢,因為百度已經收錄的圖片的確很容易收錄,主要原因是百度本身已經抓取過了,所以你這張圖片的像素渲染,是百度所熟悉的,出圖率是非常高的;就像百度收錄.com的域名是最多的,這類的域名也是最好優化的一樣。


別人網站高質量的圖片為什么放在我自己網站上也很好出圖?

因為別人網站的圖片也是已經被百度抓取過的,所以非常好抓取,最好前期直接老網站圖片,基本上只要網站有收錄就立馬出圖,出圖后,記得把它的圖片拷貝下來,然后做成自己的,上傳到自己網站上,畢竟有鏈接就會傳遞權重;雖然傳遞的權重不一定多。


網站圖片優化總結

外國的月亮比較圓,外站的圖片出圖好,能借鑒的,堅決不動手,省時省力省愛情。當然最后一點要記?。簣D片版權,有版權的圖片不要去搞,否則人家一告,你就侵家蕩產了。

一點優化

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: