我们在做网站的时候，网站上面的图片设计的时候都用什么格式的图片呢？包括 SVG、AI、EPS 等，而位图格式则包括 JPG、PNG、GIF等等，那么位图与矢量图有什么区别呢？
矢量图和位图是两种常见的图像格式，它们有以下区别：
定义方式不同：矢量图是由点、线、面等几何基元组成的数学公式定义图像，可以无限放大而不失真；位图则是由像素点阵列组成的图像，放大会出现锯齿和失真。
文件大小不同：矢量图通常比位图小，并且可以以其他尺寸导出。
使用场景不同：矢量图主要用于制作印刷品、标识及图标等高精度的设计，而位图则主要用于照片和复杂图像的处理，如海报、杂志及网络上的图片等。
在网站建设中，一般使用矢量图更为合适。因为矢量图具有良好的可扩展性和更小的文件大小，可以让网页加载更快，同时可以确保图像质量不会受到缩放的影响。
常见的矢量图格式包括 SVG、AI、EPS 等，而位图格式则包括 JPG、PNG、GIF 等。需要根据实际需求选择最合适的图像格式。例如，对于需要保留透明背景的图像，PNG 格式通常是首选。若需要较高的色彩表现，则应该使用 JPG 格式。
在设计网站时，应该充分考虑图片的大小、质量和格式等因素，选择最适合的图像格式，以充分发挥其作为网站构成要素的作用。
现在吾趣设计在制作网站的时候，为了让网站能自适应，适配电脑和手机都能自由匹配，在图片上会有送到svg格式图片，SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形格式，它的主要特点是可缩放性。这意味着 SVG 图像可以随意调整大小而不会失真，因为它们是矢量图形，而不是由像素构成的位图。
在网站建设计中使用 SVG 图像有以下优点：
更小的文件大小：SVG 图像通常比其他矢量图像格式更小，因此可以提高网页的加载速度。
良好的可扩展性：SVG 图像可以随意缩放而不会失去其清晰度和细节，这使得它们非常适合用于不同大小和分辨率的设备。
现代浏览器的支持：所有现代的网页浏览器都支持 SVG 图像，包括移动设备上的浏览器。
可以被搜索引擎识别：由于 SVG 是基于文本的格式，所以可以被搜索引擎检索和分析，从而提高网站的搜索引擎优化效果。
SVG 图像是一种非常有用的网站图片格式，它可以提高网站的性能和用户体验。当然，在实际使用时也需要注意该格式的局限性，例如不能处理复杂的渐变、滤镜效果等。