通常情况下，一个网站同时存在不同的多媒体形式(比如图片和视频)用户是可以接受的。但尽量将图片和视频放在不同的区域里，这是因为假如我们将图片和视频混在一起，用户也许正在公共场合浏览网站图片，一不小心点到视频播放，突如其来的声音只会让人觉得尴尬(没人会喜欢这种形式的惊喜)。所以，将图片和视频分开放，这样用户在浏览的时候就知道自己面对的是什么，如果他们想要播放视频，至少可以提前带上耳机。另一方面，很少情况下视频和图片的尺寸能够保持一致，大部分时候，图片和视频的中间总是会有一些留白或者间隙，这种留白和间隙看起来并不美观。

　　7.图片显示尺寸不超过原始尺寸的最大宽度

　　这一点真的很重要，当我们将图片填充超过原始尺寸的空间时，由于像素问题，图片就会失真。这会影响用户的浏览体验，而且如果刚好是产品图片失真，给访客们造成视觉上的误差，访客们的购买欲会下降，网站的转化率也就会降低。一般情况下，对于移动设备来说，图片完全填充超过原始尺寸空间不会有什么问题，但是对于传统的网站，我们还是需要设定图片的宽度，最好不要超过图片的原始尺寸。

　　8.图片缩放(缩小图片)

　　如果我们在轮播图或图库中需要用到图片缩放，尽量缩小图片，还不是放大图片，我们甚至还可以设定好图片的确切尺寸。设定图片的确切尺寸一般是通过控制某个属性的百分比的形式实现的，如果图片的一个属性设置了百分比，另一个属性最好设置成自动，这样图片才能更灵活，更好的适应不同的浏览器。比如，如果我们想要一张图片覆盖浏览器宽度的50%，我们可以将图片的宽度设置为50%，将图片的高度设置成自动的。

　　9.避免使用图片题注

　　尽管添加的标题或其他形式的文本说明能够让图片信息更加丰富，但在响应式网站上使用这些文本会给我们和用户带来很多麻烦。第一个问题就是图片的文本很难在移动设备有良好的呈现。由于智能手机等移动设备的屏幕比较小，在图片上加上文本会让网站看起来密密麻麻，凌乱不堪。还有一个问题是使用图片文本需要我们在网站设计时考虑很多元素：文本怎么断句?占多大空间?几段文字怎么和图片更好的搭配?而且， 如果文本是覆盖在图片上的，还要注意一下它具体放置在哪，因为在文本颜色和图片颜色相近的情况下，访客们可能在辨认文本方面有困难，所以要注意文本和图片颜色的差异，不过图库或轮播图中有很多图片，每一张图片又是不一样的，具体实施起来对我们来说可能比较耗时。

　　看了这么多建议，你有没有什么想法?记住：作为站长，我们需要从用户的角度出发，避免以上这些错误会让访客更喜欢我们的网站。准备好了吗?来 起飞页自助建站平台（?t_wd=a5）做一个响应式网站吧!起飞页自助建站平台可以给您提供众多精美的幻灯片模板，它采用真正的响应式技术，一次编辑，即可在所有设备上使用，通过它建站不仅速度快，还有助于搜索引擎优化，让你分分钟做出一个高大上的幻灯片，赶紧行动起来吧!