当我们进行网站设计，特别是响应式设计时，要求图片各方面都要与整体网页相匹配，这样才能令网站看起来和谐、大气。那么，这些方面包括什么呢？具体如何做呢？下面就让我们一起来认识一下。

图片匹配网站最基本的表现就是，不管是PC端还是移动端，它都可以可以自适应各种不同的屏幕尺寸，不影响显示效果，给用户一个流畅的使用体验。因此，设计图片的时候，需要将其裁剪成合理的尺寸，然后放在大小合适、位置适宜的板块上，保证它们能以理想的状态呈现给用户。

一般挑选图片的时候，都会尽量选那些横向或者方形的图片，这样当用户使用屏幕较小的移动端工具查看网站时，不会出现问题。因为如果选用纵向的图片，那么用手机浏览的话，就有可能横过来，使图片变得非常小，导致用户看不清楚。所以，图片的设计需要考虑各种浏览场景，做到尽善尽美。

另外，图片的显示尺寸不要超过原始图片的最大宽度，而且填充的空间尺寸不能大于图片本身的尺寸，否则就会造成像素化失真现象。注意，虽然有时候图片可以完美填满手机网站的某个区域，但是一旦放到电脑网站上，就会出现不匹配的情况，这样的图片还是需要调整的，知道两端都匹配为止。

有一些图片上会有一些文字说明内容，虽然这样可以丰富图片信息，但是却容易影响到移动端网页的动作，导致页面显示有问题，因此一定要谨慎使用，最好经过重复、多次的测试之后，做出最适合的调整。

最后一个重要的方面，就是图片的清晰度问题。高清、高质是网页图片必须具备的条件，绝对不能因为其他原因而妥协。只有以用户体验为重心，我们才能设计出最匹配的图片。而设计完图片之后，就需要考虑《什么才是最佳的企业网站图片排版？》，做好图片排版工作。