矢量图是由线段和曲线组成，可以缩放到任意大小并可以用任意分辨率输出。位图是由点组成，当放大图像时，像素点也会相应的放大，所以在位图放大后就会出现平时模糊，也就是大家所说的马赛克。网页设计几乎不会在分辨率上做太大的改变，所以一般使用位图设计。