公司新聞微信/小程序建站知識(shí)網(wǎng)站優(yōu)化 app知識(shí)

網(wǎng)站圖片設(shè)計(jì)不可忽視的四大要點(diǎn)

發(fā)表日期：2019-05-08 14:50:40 文章編輯：瀏覽次數(shù)：2514

具有獨(dú)特風(fēng)格的網(wǎng)站通常更能博取客戶眼球，首先網(wǎng)站整體的排版布局，框架結(jié)構(gòu)要獨(dú)具匠心，其次是頁(yè)面內(nèi)容圖文并茂，以圖片的形式展示更能吸引客戶的點(diǎn)擊欲，所以網(wǎng)站圖片的設(shè)計(jì)和排版就格外需要花費(fèi)心思。以下幾點(diǎn)是圖片設(shè)計(jì)的注意要點(diǎn)，希望能給大家一些啟發(fā)和靈感。

一、圖片尺寸

網(wǎng)站設(shè)計(jì)了不同欄目，欄目之間的尺寸不同則使用的圖片尺寸也不同。在設(shè)計(jì)圖片時(shí)要先清楚欄目圖片的正確尺寸，而不是等到上傳后發(fā)現(xiàn)不對(duì)再去修改，這樣非常影響工作效率，也會(huì)影響圖片質(zhì)量。企業(yè)需要注意的是，圖片設(shè)計(jì)在另存為時(shí)要注意格式，一般網(wǎng)站支持jpg、png、gif這幾種格式，選擇常規(guī)格式有利于圖片上傳。如果圖片尺寸大一點(diǎn)的就不要設(shè)計(jì)成gif動(dòng)圖，這種內(nèi)存大，有時(shí)候客戶網(wǎng)絡(luò)不好的情況下就會(huì)出現(xiàn)頁(yè)面打不開，也會(huì)出現(xiàn)網(wǎng)站加載速度慢。

二、圖片水印

網(wǎng)站設(shè)計(jì)的時(shí)候需要添加不同的圖片進(jìn)行裝飾，像banner圖、產(chǎn)品圖、詳情圖、文章配圖等。不同欄目的圖片在設(shè)計(jì)時(shí)所注意的細(xì)節(jié)問(wèn)題也不同。例如產(chǎn)品圖，一般看到其它網(wǎng)站都是背景色搭配產(chǎn)品，如果顏色選擇的好，產(chǎn)品圖摳得細(xì)致就顯示比較有質(zhì)感。而有的企業(yè)會(huì)在產(chǎn)品圖里添加水印，除了能夠保護(hù)圖片避免盜用，也能提升客戶對(duì)企業(yè)的印象。水印并不適合出現(xiàn)在所有類型的圖片里，就好比文章配圖。如果希望搜索引擎連文章和圖片都被收錄，就不適合添加水印，容易有廣告嫌疑。因此水印要注意使用，注意大小和設(shè)計(jì)位置。

三、圖片alt標(biāo)簽

從目前來(lái)說(shuō)，搜索引擎還無(wú)法識(shí)別圖片，如果圖片不帶有alt標(biāo)簽的話，就不容易被收錄。因此企業(yè)在網(wǎng)站設(shè)計(jì)時(shí)要注意對(duì)圖片欄目進(jìn)行alt標(biāo)簽設(shè)計(jì)，方便圖片被抓取，這樣對(duì)于網(wǎng)站優(yōu)化也有益處。有時(shí)候看到一些網(wǎng)站訪問(wèn)時(shí)，圖片欄目沒(méi)有顯示出來(lái)，反而顯示了文字，就是圖片alt標(biāo)簽里的字。雖然這個(gè)可能是網(wǎng)站問(wèn)題，但有alt標(biāo)簽的話可以讓客戶理解圖片所附帶的內(nèi)容。不僅能讓圖片易于抓取，在網(wǎng)站發(fā)生問(wèn)題顯示不了圖片時(shí)，還能幫助對(duì)內(nèi)容理解。

四、圖片數(shù)量

雖說(shuō)網(wǎng)站設(shè)計(jì)后不是放文字就是放圖片，然而還是要控制站內(nèi)圖片的數(shù)量。正常來(lái)說(shuō)，一個(gè)企業(yè)網(wǎng)站是文字多于圖片的。不能一眼看上去全是圖片，圖片在網(wǎng)站中多數(shù)以輔助文字閱讀的形式存在。而在產(chǎn)品欄目中，則是為了展示產(chǎn)品樣貌，有多少產(chǎn)品就需要多少圖片。在文章配圖里數(shù)量不用多，一篇文章一兩張圖片就足夠，太多了反而降低閱讀質(zhì)量。因此，控制圖片數(shù)量，大文字之間有個(gè)平衡點(diǎn)。企業(yè)在使用圖片時(shí)如果能更加專心，更加細(xì)致，把圖片用好才能提升網(wǎng)站質(zhì)量。