我们说起网页设计，现在最流行的就要数响应式网页设计了。因为它可以更完美的适应各种设备的显示，给用户带来更好的体验。在响应式网页设计中变化最大的元素就要数图片了，我们如果在一个设备中打开一个排版特别好看的网站，然后又用其它的设备打开，然后发现这个图片在另一个设备上显示出来一点也不和页面匹配，就会让人很失望。所以今天小编总结了几个小技巧，希望大家在设计响应式网页中图片的时候可以更好的兼容。

第一、确定好比例，我们在制作网页设计的时候要考虑到尺寸不同的屏幕，所以我们应该把图片设定为不同比例甚至不同尺寸。虽然这个步骤会让我们的制作增加更多的时间和精力，但是这都是值得的。

第二、使用高分辨率的图片，我们现在看电视都是用超清或者蓝光的，从这就可以看出来，现在的人们追求更高的清晰度。如果你的图片使用的很漂亮很有感觉，但是如果他很糊，大家也不会想去欣赏。

第三、图片和视频不要放在一起，现在的网页中有很多都是包含图片的同时也有视频的存在，我们也都习惯了这样的设置。但是我们要避免把他们两个元素放在一起，因为在设备的变换中，我们的图片和视频尺寸的变化都是最大的。在这样的基础下很容易出现图片和视频中间有间隙的存在，影响整体画面的美感。

最后给大家总结一下就是，优秀的图片在网页制作中占的份量是很重的，一定要重视起来。