目前，响应性网站更适合用户的需要，因为它可以在任何终端开放。尽管响应式网站设计相对方便快捷，但并不是每个人都会选择这种方式，这取决于客户自身的需求。响应性设计具有许多优点，并且自然其设计要求变得更高。在设计过程中，我们必须掌握方法的关键点，掌握技术要点。

　　1、考虑高宽比

　　毫无疑问，在桌面端的图像浏览体验和移动游戏是完全不同的。对于绝大多数网站来说，图片显示的位置非常相似，非常相似。设计者的任务是确保当网站随着屏幕和设备发生变化时，图片的显示在页面布局的扩展和收缩过程中不会出现奇怪和扭曲。此时，请始终记住图片的纵横比，并且始终控制纵横比不会改变。回到桌面页面，一张大背景图像或放在页面顶部的一幅图片看起来非常漂亮，但是当它切换到移动设备时，首先屏幕的大小和方向不同，那么好吗?图像缩小后，信息的呈现会丢失吗?它会被拉伸吗?在这一点上，控制图片的高宽比是特别重要的。控制原始图像不被拉伸，使图像显示部分的纵横比尽可能合理地匹配相应的屏幕，这样就不必担心响应断点过多，导致需要上传的图片过多。

　　2、使用轮播图或者图库

　　旋转木马控件和图片库控件是网站中最常见的图片载体，可以更自由地管理。特别是当您使用著名的或广泛采用的第三方控件时，控制图像元素的繁重工作将基本上由这些控件接管。然而，我们前面提到的图片的高宽比和大小的控制也是值得注意的，否则网页的显示效果会很尴尬。另外，你需要在什么场合使用什么样的控件。如果您有几张高质量的图片或需要推荐特定的文章和主题，则需要使用SlideRollerMap控件。如果要显示大量图像，则可以缩小显示范围，而不会出现任何可读性问题。您可以使用gallery类的控件来显示它们。许多网站集合通常使用图库控件。

　　3、尽量避免使用图片说明

　　尽管图片描述可以使图片更具信息性，但它将直接影响网页的操作。尽量避免使用它们，如果是的话，尝试以其他方式呈现它。添加图像的标题属性后，可以在桌面上有很好的渲染效果，但在小屏幕上存在很多问题。为了不让这些小可用性问题影响用户体验，尽量避免使用它。因为这样的小问题，让用户无法忍受并离开是不划算的。

　　4、图片和视频混用要小心

　　如果网站中同时存在图片和视频类的多媒体，用户和设计者应该都是能够接受的，甚至许多用户已经习惯了这样的设计，但是要注意的是，即便是在同一个页面中，也尽量不要让图片和视颂同时存在于同一个控件或者区块中。看起来很酷以至于一些图片和视频可以被匹配，但是更多的视频和图片很难在大小上匹配，从而产生将留下间隙和间隙的图片或视频。最好的解决方案是将它们分开显示，避免媒体属性和大小的差异和冲突。这几乎适用于任何设计元素，尤其是图片和视频。

　　5、只使用高素质的图片

　　尽管真相不言而喻，但必须反复提醒。如果你没有高质量的照片，为什么不直接用这张照片呢?现在，高质量、高分辨率的图片比以往任何时候都更加必要和重要。用户不会花时间看图片质量差的网站。每个人的屏幕都已经是视网膜屏幕，在这样的屏幕上不能直接看到低质量的图片。由于每个人都在追求最高的视觉效果，所以高质量的画面无疑是必要的。总之，我们都希望建立一个用户可以操作、愿意使用的高质量网站，优秀的图片是最关键的要素，不容忽视。

　　因此，小编认为，当您的网站还在绘制框图时，最好考虑到各种设备的显示效果，虽然看起来有点问题，但在后期会更重要。从长远来看，这是值得的。