矢量不糊，靠的不是高分辨率
这类图形记录的是坐标、曲线和填充规则。比如一个圆，文件保存圆心、半径和颜色，放大时由软件重新计算边缘；PNG保存的却是一格格像素，尺寸超过原图后，只能猜缺少的颜色，所以会发虚。
很多人把“无限放大”理解错了。矢量能保持边缘清楚，不代表细节永远合理。1毫米粗的描边放到广告牌上，视觉上可能细得像头发丝；开启“缩放描边和效果”，线宽才会跟着比例走。
矢量图为什么放大不糊：路径与导出避坑
矢量图有个很直观的反差：一个只有12个节点的线性图标，SVG常见为1—2KB，导成1024像素PNG后可能涨到十几KB。放大400%，前者边缘依旧利落。我经手过的返工里，问题很少出在画布大小，更多是节点、描边、字体和导出设置没处理好。
矢量与位图，别看格式就下结论
SVG、AI、EPS、PDF都能保存路径，但文件后缀不是保险箱。我见过不少所谓矢量图，打开后只有一张嵌入的JPEG，放大照样糊。检查很简单：用节点工具点击图形，能看到锚点和路径才算真家伙。
照片、毛发、烟雾不适合硬转路径。自动描摹一张复杂照片，节点可能从几十个暴涨到几万个，文件更大，边缘还脏。Logo、图标、文字标识适合路径；商品照片老老实实用高像素位图。
矢量文件导出，尺寸比DPI更关键
做网页图标优先用SVG，并删掉隐藏图层、空白画板和无用节点。导出PNG时直接看目标像素：页面显示300像素宽，高清屏准备600像素宽。别只把DPI从72改成300，像素尺寸没变，清晰度也不会凭空增加。
印刷更好算：50毫米宽、300DPI，需要约591像素，公式是50÷25.4×300。能交路径就交PDF，颜色按印厂要求设置；SVG主要面向屏幕，拿去印刷前要确认字体和色彩模式。
交付前，我固定检查这三个小坑
矢量稿发出去前，我会复制一份再转曲字体，原稿保留可编辑文字。转曲会避免缺字体，却会增加节点，也无法继续改文案。再检查描边有没有扩展、透明效果是否兼容，以及SVG的viewBox是否留了大块空白。很多“图标怎么都对不齐”，根源就是画板边界多出几像素。
推荐阅读
常见问题
- 矢量图怎么判断是不是真的？
- 用Illustrator、Inkscape或Figma打开，切到节点工具。能单独选择路径、修改锚点和填充色，才是真路径；只能选中一个矩形图片框，多半是嵌入位图。
- 矢量转PNG怎么设置才不会糊？
- 按使用尺寸导出。网页显示宽度为400像素，普通屏导出400像素，高清屏导出800像素。印刷则用毫米÷25.4×300计算所需像素，别只改DPI数字。
- SVG和PNG做网站Logo选哪个？
- 颜色简单、路径数量少的Logo选SVG，缩放清楚，也方便改色。带复杂纹理、阴影或照片的Logo用PNG更稳。SVG导出后记得压缩代码，并检查字体是否已转路径。