[Slider Revolution 6]滑块图像的最佳尺寸是多少?

[Slider Revolution 6] What's the best size for Slider Images?Slider Revolution
这篇文章约2分阅读完。
  • 相关话题
  • 幻灯片主要背景
  • 图像层

我的图像应该是多大?

这始终是一个棘手的问题,因为它实际上取决于您打算如何使用滑块。但是这里有一些信息可以帮助您确定最佳的图像尺寸。

1.超大图像=大文件大小=加载时间长。保持图片“网络友好”。

这意味着图像尺寸小于1920×1200,并使用Photoshop的“另存为Web”选项在不牺牲图像质量的情况下尽可能减小文件大小。

[Slider Revolution 6] Slider Images的最佳尺寸是多少?

2.不要使用比需要的大的图像。

如果将Slider放置在您网站内的盒装容器内,并且Slider的宽度从不会增加到大于1200像素,则图像的原始宽度应不大于1200像素。

[Slider Revolution 6] Slider Images的最佳尺寸是多少?

3.图像将始终根据滑块的“图层网格大小”比例进行缩放。

如果我们的滑块永远不会缩放到1200px以上(如上面的#2所示),则以下是如何调整图像大小的数学公式:

图像宽度=滑块宽度
图像高度=网格高度*(滑块宽度/网格宽度)

根据上述等式,如果滑块的实际宽度为1200px(在网页上显示时滑块的宽度),图像尺寸为1000×500,“图层网格尺寸”为1000×500,则图像将调整为1200×600。

调整图像大小后,一个常见的问题是:“为什么我的图像被裁切而看不到图像的某些部分?” 答案基于上面的数学公式。除非图像的原始大小等于滑块的“图层网格大小”,否则将需要拉伸和裁切图像。为避免这种情况,  请将滑块的“图层网格大小”设置为等于图像原始大小的确切大小。

[Slider Revolution 6] Slider Images的最佳尺寸是多少?

评论

复制标题和 URL