繁体   English   中英

整页背景图片尺寸建议

[英]full page background image size recommendations

我将要一个朋友为我要创建的网站创建整页背景图像,但我想知道我需要为他提供哪些规格。 你们建议不要让页面速度变慢的最佳图像质量是什么。 任何最低/最高建议? 应该以什么格式创建背景图像? 图像应该是正方形(1到1)而不是矩形(1到2、2到1、1到3等)吗? 还有其他建议吗?

假设背景图像不是很“细节密集”,则应更加关注图像质量设置,因为可以在不明显损失质量的情况下将文件大小削减很多。 另外,我建议为此类任务使用jpeg,因为在较大分辨率下,文件大小通常比png小。

要选择分辨率,您应该尝试在Google Analytics(分析)中查找一个针对与您相同的用户的网站,并查看大多数人通常使用的分辨率。 假设有90%的用户使用1024x768或更小尺寸,而不是您希望的最大尺寸。 请记住,随着显示尺寸的扩大,人们会停止使用全屏浏览器,因此,如果您看到的浏览器的分辨率为2560x1440,这并不意味着他们的浏览器会以这种分辨率运行。 无论如何,对于该人口统计中剩余的10%,放大图像应该是一个不错的选择。

关于比例,我认为如果以桌面用户为目标,则1:1是没有意义的,但对于移动设备却很有用,因为您始终可以将视口设置为纵向。 同样,这取决于您的目标受众。

jQuery<div> 背景图像全尺寸拉伸</div><div id="text_translate"><p>基本上我要做的是用纯 HTML、CSS 和 jQuery 重新创建这个站点。</p><p> 目前该网站在搜索结果中的表现不太好,显然是因为它是 Flash,所以这就是我要解决的问题。</p><p> 我正在寻找的东西非常复杂,但我很乐意为所需的任何单独部件提供解决方案,并且我会弄清楚如何将它们放在一起。 我在互联网上到处搜索,并打电话找到任何接近我想要的东西。</p><p> 这就是我需要的。 主要是我担心的图像DIV...</p><ul><li> 我有两个 DIV,一个将保存图像,另一个将保存其下方的链接。 顶部 DIV 的高度为 70%,第二个为 30%。</li><li> 70% 高度顶部 DIV 中的图像应拉伸到<strong>至少填充</strong>DIV。 我的意思是图像周围不应该有空白,但显然图像也需要保持其纵横比。</li><li> 如果可能的话,我希望一些图像能够在这个 DIV 中旋转,具有简单的淡入淡出效果,可能是从 XML 文件加载的(但不一定)。</li></ul><p> 这是在我头上还是很容易做到?</p><p> 谢谢你提供的所有帮助。</p></div>

[英]jQuery <div> background image full size stretch

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 整页机身背景图像 多个整页背景图片 刷卡器-OpenCart-背景全尺寸图片不起作用 视差背景图像全尺寸(宽度) Jquery / CSS:全尺寸背景图像 jQuery<div> 背景图像全尺寸拉伸</div><div id="text_translate"><p>基本上我要做的是用纯 HTML、CSS 和 jQuery 重新创建这个站点。</p><p> 目前该网站在搜索结果中的表现不太好,显然是因为它是 Flash,所以这就是我要解决的问题。</p><p> 我正在寻找的东西非常复杂,但我很乐意为所需的任何单独部件提供解决方案,并且我会弄清楚如何将它们放在一起。 我在互联网上到处搜索,并打电话找到任何接近我想要的东西。</p><p> 这就是我需要的。 主要是我担心的图像DIV...</p><ul><li> 我有两个 DIV,一个将保存图像,另一个将保存其下方的链接。 顶部 DIV 的高度为 70%,第二个为 30%。</li><li> 70% 高度顶部 DIV 中的图像应拉伸到<strong>至少填充</strong>DIV。 我的意思是图像周围不应该有空白,但显然图像也需要保持其纵横比。</li><li> 如果可能的话,我希望一些图像能够在这个 DIV 中旋转,具有简单的淡入淡出效果,可能是从 XML 文件加载的(但不一定)。</li></ul><p> 这是在我头上还是很容易做到?</p><p> 谢谢你提供的所有帮助。</p></div> 重复背景图像全长页面 为“滚动”页面设置背景大小(图像) 获取背景图像以调整为页面大小 如何设置整页背景随页面加载而变化的div图像
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM