网站背景图片就像呼吸一样， 它是我们日常生活的一部分，但除非出现严重问题，否则我们很少会注意到它们。它就像一次的呼吸频率一样，网站背景图片对于一个网站的成功和“寿命”至关重要； 它们提高了其他组件的性能。

企业的网站背景图片不仅仅是一张漂亮的图片。它对整体用户体验有着重大的影响。它有可能成为一个伟大的讲故事的工具，迫使您的观众和您在同一个频率。因此，为网站选择背景图片非常重要，无论是基本的纯色块、实际图像，甚至是影片。此文章是选择网站背景的最佳实践指南，可帮助您做出最佳决策。

文章纲要：

1. 选择网站背景图片的建议

   1. 高分辨率是必须的
   2. 与您的品牌形象相辅相成
   3. 注意对比度
   4. 可访问性优先
   5. 使用微妙无缝的纹理
   6. 考虑使用各种萤幕和设备
   7. 真实的人物图片会更有特色
   8. 优化图片
   9. 选择合适的图像文件格式
   10. 让图片说话
2. 为您的网站添加背景图片
3. 选择网站背景图片的指南
4. 内容小结
5. 选择网站背景图片的建议

选择好的网站背景图片是一项艰钜的任务。这是其中一个整体网站设计的重要方面，将您的品牌与特定图像或设计相匹配可能很困难。话虽如此，以下指南应该可以帮助您选择合适的网站背景图片。

A. 高分辨率是必须的

一个绝对严重的错误是选择低分辨率的网站背景图片。在这种情况下，背景要么是颗粒状的，要么是低分辨率的，要么就是看起来像老旧的 Win95 壁纸的样式。

高分辨率图像将使您的网站对任何访问者都更具吸引力和专业性。如果您负担得起，为摄影和设计付费是一个好主意，但好消息是网上有着许多现成的高分辨率照片。许多是免费的，而另一些则只需几美元。

B. 与您的品牌形象相辅相成

许多企业面临的一个问题是，他们喜欢某些背景图片或布局，然后试图将其强加于他们的品牌。这并不总是一个好主意。选择网站背景图片然后围绕它发展您的品牌从来都不是一个好主意。相反，您应该彻底了解您的品牌标识，以便选择符合您要求的网站背景图片。

C. 注意对比度

您的网站背景图片就如名字说的一样，就只是一个背景照片，它不应该会覆蓋您的网站内容。请记住前景和背景之间的视觉对比。如果您的标题和副本混合在一起，则需要更改某些内容。

您网站上的内容应该是得是容易阅读和理解的。这就是为什么在选择网站背景图片时，考虑排版和配色方案是必需的。

D. 可访问性优先

在选择网站背景图片时，首先要考虑的是它会如何影响文章的阅读。您需要确保文本可读并且文本和背景之间的对比度合适。如果您不确定上述可访问性问题，但仍想使用图像，您可以采取一些措施使其发挥作用。为了帮助使资讯更具可读性，您可以使用图片编辑工具甚至 CSS 来修改不透明度和对比度等内容或应用图层蒙版。为材料选择合适的字体和字体大小也很重要。

E. 使用微妙无缝的纹理

纹理可以为您网站的整体外观和感觉增添一抹优雅。寻找无缝的纹理，这意味着它们可能会在萤幕上重复一个图案，以给人一种巨大图像的感觉，无论它们是用作页面背景还是特定的内容区域。虽然有时可以使用全尺寸的带纹理的网站背景图像，但更详细的图像并不总是能在多个萤幕尺寸之间很好地过渡。此外，大文件大小的照片会减慢页面加载时间。

除非您想要更有冲击的背景外观，否则微妙无缝的纹理也是个理想特征。主要避免使用大图案压倒消费者。寻找具有柔和线条和颜色的图像，以在材料中脱颖而出。

F. 考虑使用各种萤幕和设备

根据萤幕尺寸，背景的可见区域可能会发生很大变化。这在照片中非常明显。在宽萤幕显示器上看起来很棒的东西在智能手机上可能看起来很糟糕。图像的重要元素可能会被剪掉，从而导致上下文丢失。

这里的部分问题是照片上的选择，一部分则是编码上的问题。您可使用响应式网站，响应式网站是一种网站设计技术，也称为 RWD，全名为 Responsive Web Design，可让网站的内容适应各种设备上不同的萤幕和视窗大小。这样一来，您的网站背景图片也会符合指定纵横比（横向、纵向、方形）的。它们更有可能很好地安装在较小的显示器上。

G. 真实的人物图片会更有特色

选择有人物的网站背景图片是潜在提高网站转化率的极好方法。如果可能，请避免使用库存照片，而是使用真实的人。您不希望您的网站背景图片同时也出现在数百个其他网站上，如果您使用库存照片，可能会发生这种情况。

H. 优化图片

花时间优化您上传的每一张图片都是非常值得的，无论您拥有博客、线上服务，还是只是想要使用高品质照片进行改进的标准网站。

首先，确保照片像我们之前描述的那样处于良好状态。然后，通过确保正确命名图像文件，您可以确保搜索引擎可以轻松地将它们编入索引。

您是否曾经保存过名称为“Photo1.jpg”或“Screen Shot 2019-03-18 at 4.13.42 pm”的图像？当涉及到您的网站背景图片时，这是一个很大的禁忌。

您的照片名字应该是形容该照片的，而且也要避免使用标点符号或空格。最好在名称中使用连字符而不是下划线。

I. 选择合适的图像文件格式

您不确定要使用哪种类型的图像文件？让我们了解更多关于它们的资讯。

• JPG：

这些文件非常适合图像，因为它们可以处理多种颜色，同时保持适度的文件大小。使用此图像时，您不必担心文件很大，这会加快加载时间。

• PNG：

这种文件类型最适用于图形，尤其是当有大量或平坦的颜色时。大多数设计、资讯图表、文字较多的图片和logo都属于这一类。 PNG 还可以具有透明背景（这是logo的理想选择）。如果可能，请将 PNG 保存为“24 位”格式以获得更高的品质和更多样化的颜色显示。

J. 让图片说话

迷人的网站背景图片将激起您网站访问者的兴趣。有时候使用传达资讯的图像会比使用大量的文字还管用。即使文章读起来很愉快，也不是所有的客户都会花时间去仔细阅读。

1. 为您的网站添加背景图片

您可以选择 库中的图片，自己上传照片，或者使用您上传后的库存图片作为背景图片。您也可以将图像、或影片添加到背景中。

要了解如何将背景照片添加到您的 网站，请按照以下步骤操作。

1. 转到您网站的编辑器并打开它。
2. 选择背景选项。您可以使用影片或图像作为背景。

1. 点击“更多”查看我们的图片库。
2. 点击“上传图片”添加您自己的背景图片。请注意，我们只接受以下文件类型：gif、jpeg、png、BMP 和 ico。

1. 选择网站背景图片的指南

的网站背景图片适合各种萤幕尺寸，从显示器到平板电脑再到手机。我们建议您使用 1600 像素宽 x 900 像素高的尺寸，以使您的背景在所有萤幕上都显示出出色的效果。请谨慎添加人物、品牌和其他资讯的非背景照片！要查看效果，请使用我们的“预览”功能。

您有几个选项可以调整和对齐背景：

拉伸/覆蓋：拉伸您的图像以填充整个萤幕，包括高度和宽度。这通常是最好的选择，因为图像可以作为任何萤幕尺寸的背景。另一方面，如果您的图像在侧面（尤其是左右）上显示内容，则可能无法在手机上查看。

包含：将显示整个图像，确保不会遗漏任何部分。但是，这可能会导致某些萤幕上出现一些空白。

中心：图像将显示在该部分的中心，如果您选择中心，则不会缩放。另一方面，背景会显示图像边缘周围的空白太小。如果图像太大，某些部分可能会被剪掉，尤其是在较小的萤幕上。

平铺：将居中，然后重复图像，这对于建立图案很有用。

1. 内容小结

看完这篇文章，您是否也觉得原来一个网站背景图片后面居然具备了这么多有趣技术上的影响，我们没有在网站背景图片上花太多精力是合乎逻辑的。然而，图片确实也在讲故事，和发挥了重要的作用帮助我们建立令人愉悦的界面方面。整页背景有助于建立网站的基调；部分背景则为我们的内容提供了一些喘息的空间。

因此，当我们要选择适合的网站背景照片时，我们得切记考虑尺寸、纵横比和移动设备兼容性等等的因素。因为即使在后台，细节也很重要。

立即注册 构建您的网站吧！作为一个用心为新手服务的建站平台， 不仅在建设网站上十分出色，它的部落格也为大家提供了其他行销方面的丰富知识，供大家学习！现在来 注册成为会员，你不仅可以用上功能齐全的免费建站版本，还可以享受14天全部套餐的免费使用哦！想要改善自己的网络行销、获得更多收益的话，那就快来 管理自己的网站吧！

如果对内容有疑问，可以透过 support@strikingly.com 与我们联络。