Image 照片作为网站主页背景尺寸？

希望这个问题在stackoverflow上没有问题。我想用一张照片作为网站主页的背景。照片将占据整个页面。但是我不知道我应该用什么分辨率来拍摄这张照片。我在想1920x1200像素，这样24英寸屏幕的人就看不到照片的“末端”。然而，这是否足够大？我担心这个网站在大于24英寸的屏幕上看起来还不错

---

还有谁知道我应该如何优化照片，使其加载尽可能快？谢谢。

总的来说，这似乎是一个权衡的问题。分辨率越高，无操作页面的页面加载速度越慢。是否值得放慢速度以获得更好的分辨率并避免像素化

另外，我认为你问错了问题，因为24英寸的屏幕可以有多种分辨率

我将以以下方式处理这一问题：

你必须让照片看起来好看的最大分辨率是什么？然后让你的照片达到这个分辨率。如果24是您的目标，请查看此尺寸监视器通常支持的分辨率，并将其作为目标

你想要多少颜色？或者b&w/灰度。如果您将颜色的数量减少到web安全颜色，则可以使用相同的分辨率更快地加载

像Photoshop或Gimp这样的程序可能会为您提供调整这些参数的最大能力

当你的浏览者有一个较小的窗口时，你是否关心是否只显示部分照片

---

我知道这不是一个一成不变的答案，但这些事情很少会发生。

总的来说，这似乎是一个权衡的问题。分辨率越高，无操作页面的页面加载速度越慢。是否值得放慢速度以获得更好的分辨率并避免像素化

另外，我认为你问错了问题，因为24英寸的屏幕可以有多种分辨率

我将以以下方式处理这一问题：

你必须让照片看起来好看的最大分辨率是什么？然后让你的照片达到这个分辨率。如果24是您的目标，请查看此尺寸监视器通常支持的分辨率，并将其作为目标

你想要多少颜色？或者b&w/灰度。如果您将颜色的数量减少到web安全颜色，则可以使用相同的分辨率更快地加载

像Photoshop或Gimp这样的程序可能会为您提供调整这些参数的最大能力

当你的浏览者有一个较小的窗口时，你是否关心是否只显示部分照片

---

我知道这不是一个简单明了的答案，但这些东西很少是IMHO。

对于一个适用于大多数现代浏览器的解决方案，您需要将图像放置在一个div中，其z索引小于页面的其余部分，请参见：

至于创建一张1920x1200的照片，可以压缩到较小的尺寸，我建议尝试较小的尺寸，例如960x600，看看它在24英寸屏幕上是否正常。有许多程序可以让您为压缩指定文件大小，例如FastStone Resizer，这样您就可以进行实验，看看什么是可以接受的。一般来说，细节和/或颜色深度越少的照片压缩效果越好

---

您将遇到的另一个问题是纵横比。即使假设您的网站总是在全屏浏览器中打开，而不是在窗口中打开，有时屏幕的比例将是16:9，有时是4:3。您可以尝试创建一张照片，照片中心有一个漂亮的4:3比例最佳点，并根据当前窗口纵横比使用一些Javascript调整div

对于适用于大多数现代浏览器的解决方案，您需要将图像放置在一个div中，其z索引小于页面的其余部分，请参见：

至于创建一张1920x1200的照片，可以压缩到较小的尺寸，我建议尝试较小的尺寸，例如960x600，看看它在24英寸屏幕上是否正常。有许多程序可以让您为压缩指定文件大小，例如FastStone Resizer，这样您就可以进行实验，看看什么是可以接受的。一般来说，细节和/或颜色深度越少的照片压缩效果越好

您将遇到的另一个问题是纵横比。即使假设您的网站总是在全屏浏览器中打开，而不是在窗口中打开，有时屏幕的比例将是16:9，有时是4:3。您可以尝试创建一张照片，照片中心有一个漂亮的4:3比例最佳点，并根据当前窗口纵横比使用一些Javascript调整div