响应式的网站建设的时候，对图片的应用是非常广泛的，那么在应用图片的时候，有需要技巧值得我们参考呢？

第一、要考虑好图片的长宽比。电脑版的网站在浏览图片的时候，与移动端的网站体验是不一样。很多网站的图片位置是一样的，而图片在显示的时候要保证清晰不失真，就要控制好长宽比，不能出现拉伸等等失真的现象。

第二、图片的尺寸要与比例一样。响应式的网站在设计的时候，为了适应不同的屏幕，会将图频分割成好几个部分，并且将这些图片设置在合理的位置上，保证能够正常显示。

第三、尽量不要使用标题。尽管给图片编辑好标题可以丰富图片的内容，但是这样就会影响网站的操作，继而影响用户体验，因此，响应式网站在设计图片的时候，不建议使用标题。

第四、将图片和视频分离。很多响应式网站都会有图片以及视频多媒体元素，而且很多用户也习惯了这种模式。但是在设计的时候就要注意，不能将图片和视频设置在同一个控件上，因为两者很难保持一致。

第五、选择高质量的图片。这一个方面虽然很细小，但是对响应式网站建设来说却非常重要。用户是不会花费时间在那些低质量的图片上。而且低质量的图片给用户的体验也不好，理解起来比较困难。用户对图片质量的追求也越来越高，因此，在选择图片的时候，建议选择高质量的清晰的图片，提升用户体验。

响应式网站设计过程中，图片的选择和设计是非常重要的，有需要的站长可以参考一下本文，希望可以帮助到各位站长。