2016-09-08 分類(lèi): 網(wǎng)站設(shè)計(jì)
在網(wǎng)站設(shè)計(jì)中使用圖片可以提高參與度,增強(qiáng)網(wǎng)頁(yè)瀏覽量,并與用戶(hù)建立有效聯(lián)系。有這么多的照片和圖標(biāo)資源,沒(méi)有理由不將它們包含在網(wǎng)站上。無(wú)論您是使用自己的還是從庫(kù)存中獲取它們,請(qǐng)按照下面列出的優(yōu)化提示確保圖像為網(wǎng)站增加最多價(jià)值。
選擇圖像文件類(lèi)型
瀏覽器支持各種圖像文件類(lèi)型,包括PNG,JPEG,GIF和JPG。選擇正確的圖像將確保圖像不僅看起來(lái)很棒,而且也不會(huì)減慢網(wǎng)站速度。正確的文件類(lèi)型可以通過(guò)正在使用的圖像類(lèi)型以及它在您網(wǎng)站上的位置來(lái)確定。
具有大量細(xì)節(jié)的Web圖像最好保存為JPEG。此文件格式用于保存具有復(fù)雜顏色(如照片)的圖像。將照片另存為JPEG可確保以盡可能低的文件大小獲得高質(zhì)量的圖像。
使用JPG優(yōu)化Web圖像
當(dāng)然,您可以使用它們顯示動(dòng)畫(huà),但GIF對(duì)于簡(jiǎn)單的彩色圖像也很有用??梢栽谳^小的文件大小下顯示質(zhì)量有限的圖標(biāo)和圖形,質(zhì)量損失有限,這意味著網(wǎng)站將盡可能快地運(yùn)行。使用簡(jiǎn)單的彩色托盤(pán),這個(gè)圖像可以很容易地保存為GIF。它的文件大小為9 KB。
如果您有帶透明背景的圖標(biāo)或LOGO,PNG將是您最好的選擇。雖然它們是您可以使用的較大文件格式之一,但如果LOGO具有透明背景,則PNG可以好地運(yùn)行。
使用PNG優(yōu)化Web圖像
大的文件格式,此圖像的PNG版本為19 KB,但具有透明背景。當(dāng)圖像需要縮放到各種尺寸而不會(huì)降低質(zhì)量時(shí),可以使用SVG或可縮放矢量圖形。隨著越來(lái)越多的網(wǎng)站在視網(wǎng)膜顯示器上觀(guān)看,這些在網(wǎng)站上越來(lái)越受歡迎。
通過(guò)壓縮優(yōu)化Web圖像
用于網(wǎng)站的大圖像可能會(huì)使網(wǎng)站膨脹并減慢頁(yè)面加載時(shí)間。壓縮圖像是確保網(wǎng)站盡快運(yùn)行的重要步驟。如果要在Photoshop中保存Web圖像,可以使用“保存為Web”選項(xiàng)來(lái)優(yōu)化文件大小。如果您沒(méi)有Photoshop,可以使用免費(fèi)圖像壓縮器。
我想要使用的照片大約是3 MB但是我可以使用圖像壓縮器來(lái)減少我的照片的尺寸,質(zhì)量有限。通過(guò)壓縮器運(yùn)行我的照片后,我設(shè)法保持質(zhì)量,同時(shí)將實(shí)際文件大小從2.99 MB更改為847.07 KB。
命名你的圖片形象
為了幫助內(nèi)容在搜索引擎中排名靠前,您需要在命名文件時(shí)使用相關(guān)的關(guān)鍵字。您還需要確保首先使用最重要的關(guān)鍵字。而不是'img1034.jpg',上面的圖像會(huì)像'拉布拉多獵犬 - 減肥 - 運(yùn)動(dòng)_瑜伽'一樣表現(xiàn)得更好,“拉布拉多獵犬”是最重要的術(shù)語(yǔ),“飲食”和“運(yùn)動(dòng)”是額外的描述。
如果您有在線(xiàn)商店,請(qǐng)務(wù)必使用與產(chǎn)品名稱(chēng)相匹配的文件名。當(dāng)有人搜索產(chǎn)品時(shí),這將有助于圖像顯示。
使用Alt文本
當(dāng)圖像對(duì)用戶(hù)不可見(jiàn)時(shí),將顯示替代文本。如果有人有屏幕閱讀器或關(guān)閉了他們的CSS,而不是看到圖像,他們將獲得替代文字。使用替代文字不僅可以提高網(wǎng)站的可訪(fǎng)問(wèn)性,搜索引擎還可以閱讀替代文字并幫助圖片在搜索中排名。
使用您網(wǎng)站設(shè)計(jì)的圖片是吸引用戶(hù)的好方式。通過(guò)使用適當(dāng)?shù)奈募U(kuò)展名保存它們,使其盡可能壓縮,并使用正確的名稱(chēng)和替代文本,確保Web圖像正在與您合作。
本文名稱(chēng):在網(wǎng)站設(shè)計(jì)中使用圖片可以提高參與度,增強(qiáng)網(wǎng)頁(yè)瀏覽量
文章地址:http://muchs.cn/news39/43639.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容