矢量图是什么?与位图的区别、常见格式及免费素材获取要点
矢量图是用数学路径(点、线、曲线和填充)描述图形的图像格式,放大到任意尺寸都不会出现锯齿或模糊。它适合做 Logo、图标、插画、印刷物料和需要反复缩放的图形;如果你要处理的是照片或复杂光影效果,位图(如 JPG、PNG)才是更合适的选择。下面按“区别—格式—获取—编辑—排错”的顺序说明,读完可以判断该用哪种图、拿到素材后怎么打开和修改。
矢量图与位图的核心区别
| 维度 | 矢量图 | 位图 |
|---|---|---|
| 构成方式 | 数学路径与填充 | 像素网格 |
| 放大表现 | 不失真,边缘始终清晰 | 放大到一定程度出现锯齿、模糊 |
| 文件体积 | 通常较小,与画面复杂度相关 | 与分辨率、尺寸直接相关 |
| 典型用途 | Logo、图标、字体、印刷图形 | 照片、写实插画、网页截图 |
| 常见格式 | AI、EPS、SVG、PDF | JPG、PNG、GIF、PSD(栅格内容) |
一个直观例子:把同一个 Logo 分别存成 SVG 和 PNG,放大 10 倍后,SVG 边缘依然锐利,PNG 会看到明显的方块像素。这也是为什么设计交付 Logo 时通常要求提供矢量版本。
常见矢量格式及各自用途
- AI:Adobe Illustrator 的原生格式,保留图层、路径和编辑信息,适合继续在 Illustrator 中修改。
- EPS:较通用的矢量封装格式,印刷和排版软件兼容性好,但部分 EPS 内可能嵌入位图。
- SVG:基于 XML 的网页矢量格式,可直接在浏览器显示,适合图标、网页图形,也能用文本编辑器查看代码。
- PDF:可同时包含矢量和位图内容,常用于印刷交付和跨软件查看。
选择建议:需要继续编辑优先 AI 或 SVG;交付印刷优先 PDF 或 EPS;做网页图形优先 SVG。
免费矢量素材从哪里获取
以 GFXMountain.com 为例,该站定位是免费下载图形、字体、矢量、印刷模板等资源,导航关键词覆盖 font、vector、stock photo、Photoshop PSD、PowerPoint PPT、InDesign INDD、After Effects AEP 等类别,页面可见条目包括字体包与字体家族(如 Ultimate Designer Font Bundle、Sickboat、Hello Boyz、DIvision Grotesk)。这说明此类综合素材站往往把矢量与字体、模板混在同一入口,下载前需要先确认自己拿到的是矢量文件还是位图或字体文件。
查找时建议:
- 在站内按 vector 或具体格式(AI、EPS、SVG)筛选,而不是只看缩略图。
- 打开资源详情页,确认文件格式列表和包含内容。
- 查看授权说明,确认是否允许商用、是否需要署名、是否禁止转售。
注意:输入资料未提供该站的具体授权条款和价格信息,因此下载前应以页面实际标注为准,不要默认所有资源都可免费商用。
打开与编辑矢量文件
- Adobe Illustrator:直接打开 AI、EPS、SVG、PDF,可用钢笔、形状工具修改路径。
- Inkscape:免费开源,主要支持 SVG,也能导入部分 PDF、EPS,适合没有 Illustrator 时的替代方案。
- 浏览器:SVG 可直接拖入浏览器查看,但只能看不能编辑。
- Office 与部分在线工具:可插入 SVG,编辑能力有限。
基本编辑流程:打开文件 → 选中路径或图层 → 修改颜色、节点或尺寸 → 另存为需要的格式。预期结果是路径可独立调整,而不是整张图被当作一张不可拆的图片。
下载后打不开或显示异常的排查
- 文件打不开:先确认扩展名与实际格式是否一致,某些资源可能是压缩包,需要先解压。
- 提示字体缺失:矢量文件里若用了系统没有的字体,文字会替换或错位;可安装对应字体,或把文字转为路径后再编辑。
- 打开后是模糊图片:说明文件内嵌的是位图而非真正的矢量路径,这类文件放大仍会失真。
- 颜色或描边异常:检查是否缺少链接的图片或颜色配置文件,必要时重新链接素材。
如果以上都排除后仍无法使用,优先回到资源页面核对格式说明,而不是反复尝试转换——源文件本身不是矢量的话,转换也无法恢复清晰度。