图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧，而在高清屏幕无处不在的今天，稍有瑕疵的图片都在高密度的像素下无所遁形，而不合理的图片设计也不会逃过访客的双眼。

选择照片时要非常挑剔

一个不合适的图片可以立即破坏你的设计， 即使其余的工作是完美的。

选择照片时，仅使用相关、专业和高质量的照片。由于互联网，我们有大量的资源和工具为我们提供，包括付费和免费的内容。

确保文本具有足够的对比度

明亮多彩的照片会使文本无法阅读。将文本置于图像上方时，请务必通过调整图像对比度或添加较深的颜色覆盖来强调副本。

使图像脱颖而出

屏幕上有多个图像，制作一些图像来引导包。

使用图像来阐明布局元素的重要性。通过使用更大胆的/更大的图像来吸引用户到某些区域或 CTA。

为布局添加动态

设计大型画廊时，尤其是在移动屏幕上。使用多个列和图像大小，使滚动更有趣和互动。

巧妙地使用文本包装

避免将图像嵌套成段落。

当图像中断文本时，它会导致读者在页面的一侧和另一侧进行不必要的眼睛跳跃。避免中断阅读流。将段落中的图像对齐到顶部或右侧。