網(wǎng)站背景圖片就像呼吸一樣， 它是我們?nèi)粘Ｉ畹囊徊糠?，但除非出現(xiàn)嚴(yán)重問(wèn)題，否則我們很少會(huì)注意到它們。它就像一次的呼吸頻率一樣，網(wǎng)站背景圖片對(duì)于一個(gè)網(wǎng)站的成功和“壽命”至關(guān)重要； 它們提高了其他組件的性能。

企業(yè)的網(wǎng)站背景圖片不僅僅是一張漂亮的圖片。它對(duì)整體用戶體驗(yàn)有著重大的影響。它有可能成為一個(gè)偉大的講故事的工具，迫使您的觀眾和您在同一個(gè)頻率。因此，為網(wǎng)站選擇背景圖片非常重要，無(wú)論是基本的純色塊、實(shí)際圖像，甚至是影片。此文章是選擇網(wǎng)站背景的最佳實(shí)踐指南，可幫助您做出最佳決策。

文章綱要：

1. 選擇網(wǎng)站背景圖片的建議

   1. 高分辨率是必須的
   2. 與您的品牌形象相輔相成
   3. 注意對(duì)比度
   4. 可訪問(wèn)性?xún)?yōu)先
   5. 使用微妙無(wú)縫的紋理
   6. 考慮使用各種螢?zāi)缓驮O(shè)備
   7. 真實(shí)的人物圖片會(huì)更有特色
   8. 優(yōu)化圖片
   9. 選擇合適的圖像文件格式
   10. 讓圖片說(shuō)話
2. 為您的網(wǎng)站添加背景圖片
3. 選擇網(wǎng)站背景圖片的指南
4. 內(nèi)容小結(jié)
5. 選擇網(wǎng)站背景圖片的建議

選擇好的網(wǎng)站背景圖片是一項(xiàng)艱鉅的任務(wù)。這是其中一個(gè)整體網(wǎng)站設(shè)計(jì)的重要方面，將您的品牌與特定圖像或設(shè)計(jì)相匹配可能很困難。話雖如此，以下指南應(yīng)該可以幫助您選擇合適的網(wǎng)站背景圖片。

A. 高分辨率是必須的

一個(gè)絕對(duì)嚴(yán)重的錯(cuò)誤是選擇低分辨率的網(wǎng)站背景圖片。在這種情況下，背景要么是顆粒狀的，要么是低分辨率的，要么就是看起來(lái)像老舊的 Win95 壁紙的樣式。

高分辨率圖像將使您的網(wǎng)站對(duì)任何訪問(wèn)者都更具吸引力和專(zhuān)業(yè)性。如果您負(fù)擔(dān)得起，為攝影和設(shè)計(jì)付費(fèi)是一個(gè)好主意，但好消息是網(wǎng)上有著許多現(xiàn)成的高分辨率照片。許多是免費(fèi)的，而另一些則只需幾美元。

B. 與您的品牌形象相輔相成

許多企業(yè)面臨的一個(gè)問(wèn)題是，他們喜歡某些背景圖片或布局，然后試圖將其強(qiáng)加于他們的品牌。這并不總是一個(gè)好主意。選擇網(wǎng)站背景圖片然后圍繞它發(fā)展您的品牌從來(lái)都不是一個(gè)好主意。相反，您應(yīng)該徹底了解您的品牌標(biāo)識(shí)，以便選擇符合您要求的網(wǎng)站背景圖片。

C. 注意對(duì)比度

您的網(wǎng)站背景圖片就如名字說(shuō)的一樣，就只是一個(gè)背景照片，它不應(yīng)該會(huì)覆蓋您的網(wǎng)站內(nèi)容。請(qǐng)記住前景和背景之間的視覺(jué)對(duì)比。如果您的標(biāo)題和副本混合在一起，則需要更改某些內(nèi)容。

您網(wǎng)站上的內(nèi)容應(yīng)該是得是容易閱讀和理解的。這就是為什么在選擇網(wǎng)站背景圖片時(shí)，考慮排版和配色方案是必需的。

D. 可訪問(wèn)性?xún)?yōu)先

在選擇網(wǎng)站背景圖片時(shí)，首先要考慮的是它會(huì)如何影響文章的閱讀。您需要確保文本可讀并且文本和背景之間的對(duì)比度合適。如果您不確定上述可訪問(wèn)性問(wèn)題，但仍想使用圖像，您可以采取一些措施使其發(fā)揮作用。為了幫助使資訊更具可讀性，您可以使用圖片編輯工具甚至 CSS 來(lái)修改不透明度和對(duì)比度等內(nèi)容或應(yīng)用圖層蒙版。為材料選擇合適的字體和字體大小也很重要。

E. 使用微妙無(wú)縫的紋理

紋理可以為您網(wǎng)站的整體外觀和感覺(jué)增添一抹優(yōu)雅。尋找無(wú)縫的紋理，這意味著它們可能會(huì)在螢?zāi)簧现貜?fù)一個(gè)圖案，以給人一種巨大圖像的感覺(jué)，無(wú)論它們是用作頁(yè)面背景還是特定的內(nèi)容區(qū)域。雖然有時(shí)可以使用全尺寸的帶紋理的網(wǎng)站背景圖像，但更詳細(xì)的圖像并不總是能在多個(gè)螢?zāi)怀叽缰g很好地過(guò)渡。此外，大文件大小的照片會(huì)減慢頁(yè)面加載時(shí)間。

除非您想要更有沖擊的背景外觀，否則微妙無(wú)縫的紋理也是個(gè)理想特征。主要避免使用大圖案壓倒消費(fèi)者。尋找具有柔和線條和顏色的圖像，以在材料中脫穎而出。

F. 考慮使用各種螢?zāi)缓驮O(shè)備

根據(jù)螢?zāi)怀叽?，背景的可?jiàn)區(qū)域可能會(huì)發(fā)生很大變化。這在照片中非常明顯。在寬螢?zāi)伙@示器上看起來(lái)很棒的東西在智能手機(jī)上可能看起來(lái)很糟糕。圖像的重要元素可能會(huì)被剪掉，從而導(dǎo)致上下文丟失。

這里的部分問(wèn)題是照片上的選擇，一部分則是編碼上的問(wèn)題。您可使用響應(yīng)式網(wǎng)站，響應(yīng)式網(wǎng)站是一種網(wǎng)站設(shè)計(jì)技術(shù)，也稱(chēng)為 RWD，全名為 Responsive Web Design，可讓網(wǎng)站的內(nèi)容適應(yīng)各種設(shè)備上不同的螢?zāi)缓鸵暣按笮?。這樣一來(lái)，您的網(wǎng)站背景圖片也會(huì)符合指定縱橫比（橫向、縱向、方形）的。它們更有可能很好地安裝在較小的顯示器上。

G. 真實(shí)的人物圖片會(huì)更有特色

選擇有人物的網(wǎng)站背景圖片是潛在提高網(wǎng)站轉(zhuǎn)化率的極好方法。如果可能，請(qǐng)避免使用庫(kù)存照片，而是使用真實(shí)的人。您不希望您的網(wǎng)站背景圖片同時(shí)也出現(xiàn)在數(shù)百個(gè)其他網(wǎng)站上，如果您使用庫(kù)存照片，可能會(huì)發(fā)生這種情況。

H. 優(yōu)化圖片

花時(shí)間優(yōu)化您上傳的每一張圖片都是非常值得的，無(wú)論您擁有博客、線上服務(wù)，還是只是想要使用高品質(zhì)照片進(jìn)行改進(jìn)的標(biāo)準(zhǔn)網(wǎng)站。

首先，確保照片像我們之前描述的那樣處于良好狀態(tài)。然后，通過(guò)確保正確命名圖像文件，您可以確保搜索引擎可以輕松地將它們編入索引。

您是否曾經(jīng)保存過(guò)名稱(chēng)為“Photo1.jpg”或“Screen Shot 2019-03-18 at 4.13.42 pm”的圖像？當(dāng)涉及到您的網(wǎng)站背景圖片時(shí)，這是一個(gè)很大的禁忌。

您的照片名字應(yīng)該是形容該照片的，而且也要避免使用標(biāo)點(diǎn)符號(hào)或空格。最好在名稱(chēng)中使用連字符而不是下劃線。

I. 選擇合適的圖像文件格式

您不確定要使用哪種類(lèi)型的圖像文件？讓我們了解更多關(guān)于它們的資訊。

• JPG：

這些文件非常適合圖像，因?yàn)樗鼈兛梢蕴幚矶喾N顏色，同時(shí)保持適度的文件大小。使用此圖像時(shí)，您不必?fù)?dān)心文件很大，這會(huì)加快加載時(shí)間。

• PNG：

這種文件類(lèi)型最適用于圖形，尤其是當(dāng)有大量或平坦的顏色時(shí)。大多數(shù)設(shè)計(jì)、資訊圖表、文字較多的圖片和logo都屬于這一類(lèi)。 PNG 還可以具有透明背景（這是logo的理想選擇）。如果可能，請(qǐng)將 PNG 保存為“24 位”格式以獲得更高的品質(zhì)和更多樣化的顏色顯示。

J. 讓圖片說(shuō)話

迷人的網(wǎng)站背景圖片將激起您網(wǎng)站訪問(wèn)者的興趣。有時(shí)候使用傳達(dá)資訊的圖像會(huì)比使用大量的文字還管用。即使文章讀起來(lái)很愉快，也不是所有的客戶都會(huì)花時(shí)間去仔細(xì)閱讀。

1. 為您的網(wǎng)站添加背景圖片

您可以選擇 庫(kù)中的圖片，自己上傳照片，或者使用您上傳后的庫(kù)存圖片作為背景圖片。您也可以將圖像、或影片添加到背景中。

要了解如何將背景照片添加到您的 網(wǎng)站，請(qǐng)按照以下步驟操作。

1. 轉(zhuǎn)到您網(wǎng)站的編輯器并打開(kāi)它。
2. 選擇背景選項(xiàng)。您可以使用影片或圖像作為背景。

1. 點(diǎn)擊“更多”查看我們的圖片庫(kù)。
2. 點(diǎn)擊“上傳圖片”添加您自己的背景圖片。請(qǐng)注意，我們只接受以下文件類(lèi)型：gif、jpeg、png、BMP 和 ico。

1. 選擇網(wǎng)站背景圖片的指南

的網(wǎng)站背景圖片適合各種螢?zāi)怀叽?，從顯示器到平板電腦再到手機(jī)。我們建議您使用 1600 像素寬 x 900 像素高的尺寸，以使您的背景在所有螢?zāi)簧隙硷@示出出色的效果。請(qǐng)謹(jǐn)慎添加人物、品牌和其他資訊的非背景照片！要查看效果，請(qǐng)使用我們的“預(yù)覽”功能。

您有幾個(gè)選項(xiàng)可以調(diào)整和對(duì)齊背景：

拉伸/覆蓋：拉伸您的圖像以填充整個(gè)螢?zāi)唬ǜ叨群蛯挾取＿@通常是最好的選擇，因?yàn)閳D像可以作為任何螢?zāi)怀叽绲谋尘啊Ａ硪环矫?，如果您的圖像在側(cè)面（尤其是左右）上顯示內(nèi)容，則可能無(wú)法在手機(jī)上查看。

包含：將顯示整個(gè)圖像，確保不會(huì)遺漏任何部分。但是，這可能會(huì)導(dǎo)致某些螢?zāi)簧铣霈F(xiàn)一些空白。

中心：圖像將顯示在該部分的中心，如果您選擇中心，則不會(huì)縮放。另一方面，背景會(huì)顯示圖像邊緣周?chē)目瞻滋?。如果圖像太大，某些部分可能會(huì)被剪掉，尤其是在較小的螢?zāi)簧稀?/p>

平鋪：將居中，然后重復(fù)圖像，這對(duì)于建立圖案很有用。

1. 內(nèi)容小結(jié)

看完這篇文章，您是否也覺(jué)得原來(lái)一個(gè)網(wǎng)站背景圖片后面居然具備了這么多有趣技術(shù)上的影響，我們沒(méi)有在網(wǎng)站背景圖片上花太多精力是合乎邏輯的。然而，圖片確實(shí)也在講故事，和發(fā)揮了重要的作用幫助我們建立令人愉悅的界面方面。整頁(yè)背景有助于建立網(wǎng)站的基調(diào)；部分背景則為我們的內(nèi)容提供了一些喘息的空間。

因此，當(dāng)我們要選擇適合的網(wǎng)站背景照片時(shí)，我們得切記考慮尺寸、縱橫比和移動(dòng)設(shè)備兼容性等等的因素。因?yàn)榧词乖诤笈_(tái)，細(xì)節(jié)也很重要。

立即注冊(cè) 構(gòu)建您的網(wǎng)站吧！作為一個(gè)用心為新手服務(wù)的建站平臺(tái)， 不僅在建設(shè)網(wǎng)站上十分出色，它的部落格也為大家提供了其他行銷(xiāo)方面的豐富知識(shí)，供大家學(xué)習(xí)！現(xiàn)在來(lái) 注冊(cè)成為會(huì)員，你不僅可以用上功能齊全的免費(fèi)建站版本，還可以享受14天全部套餐的免費(fèi)使用哦！想要改善自己的網(wǎng)絡(luò)行銷(xiāo)、獲得更多收益的話，那就快來(lái) 管理自己的網(wǎng)站吧！

如果對(duì)內(nèi)容有疑問(wèn)，可以透過(guò) support@strikingly.com 與我們聯(lián)絡(luò)。