响应式网页当下网页制作的标准化设计，响应式网页中的图片设计也不是随随便便放上去的，如果点开你的网页发现整个页面布局很奇怪，那一定是你的图片设置不成功。图片是响应式网站当中比较重要的元素，在网页制作的时候有一定的小窍门，建站新手可以学起来。
1.使用轮播图
轮播图控件是图片的载体，它可以更好地管理图片，承载更多的图片和内容。但是，在网页制作时要注意放在轮播图里面的图片尺寸大小，否则会让网页效果的展示变得尴尬。
2.合适的高宽比
电脑端的图片浏览效果和移动端的浏览效果是完全不一样的。设计师要保证网站随着屏幕和设备变化时，图片的展示不会在页面布局的伸缩变化过程中变得奇怪。
3.削减没用的元素
有些设计师会在轮播图中插入很多没用的内容，像导航箭头，按钮，文本等。这种做法其实是很没必要的，不仅会影响了整体的美观，还起不到任何作用。现在大部分的用户都是清楚轮播图这类控件可以进行交互。
4.使用高分辨率的图片
现在网页屏幕就像视网膜一样，用户强调看到的图片一定要是高分辨率的高素质的图片。谁会去看低素质图片的网站呢？答案显而易见，没有人。所以，在自己制作网页的时候，一定要使用高分辨率的图片，为用户打造一个高级的视觉效果。
想要制作出不一样的响应式网站，那就先从图片的小细节做起吧。