【编者按】网站怎么做？这可能是客户向网站设计师提出来的问题，因为外行不懂内行。这也可能是设计师向自己提出来的问题，因为每一个客户都不同，不同的客户需要不同的解决方案。为了答疑客户、为了点拨设计师，优加网络推出“HOW TO”系列文章。
 

表面上看，响应式网站是适合多终端的，包括PC和手机。但是本质上，响应式网站是偏重于移动端的。正因为如此，响应式网站多图片而少文字，因为手机端屏幕小，不适合大段文字显示。所以，一张惊艳的图片，就能够提升响应式网站的档次和美观。
那么，什么样的图片适合响应式网站呢？正是响应式网站所需要的呢？

清晰图片
 

上传图片时，你要考虑的最重要因素之一就是图片的清晰度。将站点的图片视为可视内容。就像你从来不会在没有拼写检查的情况下在你的网站上写作一样，你也不会想要发布任何看起来业余和粗糙的视觉图片。

图片大小

如果有人抱怨你的网站加载速度太慢，很有可能是你的图片文件过大造成的。采取适当的措施和工具来优化站点的加载时间，最好将上传网站的图片文件大小压缩到15MB以下。

图像类型

对于站点的图像，JPEG文件通常是最安全的选择。原因是JPEG文件通常是压缩的，这有助于提高站点的加载时间。
其他文件类型呢?如果你上传高质量的图片或背景透明的图片，PNG文件可能会更快，而GIF文件可能对背景透明的图片更好。

图像维护优化

通过在每个图像中添加适当的维护考虑因素，确保您的图像也在幕后为您提供服务。所有你需要做的是，为每一张上传的图片添加alt文本。

图片特效

为图像添加一定特效，也是能够吸引访客的眼球的。如自动切换、滑动、渐进切入切出等等。

图片版权

图片版权包括两个方面的内容，一方面需要关注同行网站，查验其是否存在盗用自己网站图片的问题；另一方面，就是验证自己网站的图片，看使用是否获得了版权方的授权。此前国内出现的“视觉中国”事件，让网站设计和运营更加注重版权，当然也包括图片。

图片色调

如果是将图片作为网站的背景图片，要关注图片在不同屏幕的自适应，避免出现变形；如果是在网页中添加图片，注意图片与背景色的搭配。
当然，网站需要使用的很多图片，都需要经过图片处理工具的处理，如色彩处理、剪切处理、锐化处理、添加元素或者抹除处理等等。
总之，一张惊艳的图片，会增加一个网站的颜值，提升网站的档次，让网站与“高大上”更加靠近。