- 相关话题
- 幻灯片主要背景
- 图像层
我的图像应该是多大?
这始终是一个棘手的问题,因为它实际上取决于您打算如何使用滑块。但是这里有一些信息可以帮助您确定最佳的图像尺寸。
1.超大图像=大文件大小=加载时间长。保持图片“网络友好”。
这意味着图像尺寸小于1920×1200,并使用Photoshop的“另存为Web”选项在不牺牲图像质量的情况下尽可能减小文件大小。
![[Slider Revolution 6] Slider Images的最佳尺寸是多少? [Slider Revolution 6] Slider Images的最佳尺寸是多少?](https://aladd.net//wp-content/uploads/2020/05/save-for-web-1.jpg)
2.不要使用比需要的大的图像。
如果将Slider放置在您网站内的盒装容器内,并且Slider的宽度从不会增加到大于1200像素,则图像的原始宽度应不大于1200像素。
![[Slider Revolution 6] Slider Images的最佳尺寸是多少? [Slider Revolution 6] Slider Images的最佳尺寸是多少?](https://aladd.net//wp-content/uploads/2020/05/max_width-1.jpg)
3.图像将始终根据滑块的“图层网格大小”比例进行缩放。
如果我们的滑块永远不会缩放到1200px以上(如上面的#2所示),则以下是如何调整图像大小的数学公式:
图像宽度=滑块宽度
图像高度=网格高度*(滑块宽度/网格宽度)
根据上述等式,如果滑块的实际宽度为1200px(在网页上显示时滑块的宽度),图像尺寸为1000×500,“图层网格尺寸”为1000×500,则图像将调整为1200×600。
调整图像大小后,一个常见的问题是:“为什么我的图像被裁切而看不到图像的某些部分?” 答案基于上面的数学公式。除非图像的原始大小等于滑块的“图层网格大小”,否则将需要拉伸和裁切图像。为避免这种情况, 请将滑块的“图层网格大小”设置为等于图像原始大小的确切大小。
![[Slider Revolution 6] Slider Images的最佳尺寸是多少? [Slider Revolution 6] Slider Images的最佳尺寸是多少?](https://aladd.net//wp-content/uploads/2020/05/slider-breakpoint-1-1.jpg)